Build websites faster as a beginner with Tailwind, the utility-first CSS framework.
💥 Build a Responsive Website -- Learn how to build a website from a Figma design with HTML, CSS, and JS -- https://coder-coder.com/responsive
https://www.youtube.com/watch?v=lWEKiak0WVU
Source code: https://github.com/thecodercoder/tailwind-css-beginners
____________
💻 LEARN TO CODE 💻
RECOMMENDED RESOURCES:
Tools and resources I use myself and highly recommend, with exclusive discounts (affiliate links help support this channel-- thank you!)
🔷 Boot.dev -- Learn back-end development (25% off) -- https://www.boot.dev/?promo=CODERCODER
🔷 Frontend Mentor Pro -- Get 20% off 1-yr of Frontend Mentor Pro with my code JESSCHAN20 -- https://www.frontendmentor.io/?via=jesschan
OTHER STUFF:
🟢 Coder Coder Dark -- My VS Code theme -- https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
SOCIALS:
https://twitter.com/thecodercoder
https://www.instagram.com/thecodercoder
____________________________
0:00:00 -- What is Tailwind?
0:02:39 -- Installation & Setup
0:10:43 -- Text & Colors
0:25:46 -- Wrapper Styles
0:34:53 -- Button
0:40:22 -- Hover States
0:42:32 -- Custom Values
0:45:35 -- Layouts: Top Nav (flexbox)
1:06:03 -- Hero (grid)
1:21:16 -- Cards (3-column grid)
1:43:01 -- Custom Theme
1:52:38 -- Nth-Child Selectors
1:57:24 -- Pseudo-elements
2:03:35 -- Layers
2:11:22 -- Components
#css #javascript #html
