Watch and track your favorite playlist.
Curated by: Vanilla Parker (10 videos)
💥 Get 10% off Frontend Mentor Pro with code JESSCHAN10 -- https://www.frontendmentor.io/?via=jesschan 🟢 Learn how to build a responsive website from a Figma design with HTML, CSS, JS ➡️ https://coder-coder.com/responsive?utm_source=yt-ccb&utm_medium=video-description&utm_campaign=ccb In this Frontend Mentor challenge, I build the Workit agency homepage from a Figma design. 0:00 - Intro and setup files 8:05 - Setup colors and Google fonts 34:30 - Wrapper/container styles 43:20 - Header section 1:09:52 - Hero basic styles 1:31:46 - Hero decorative images 1:58:52 - Reworking the hero 2:10:59 - Features section 2:44:45 - Features curved background 3:04:51 - CTA section 3:40:00 - Footer ⭐ My source code on Frontend Mentor: https://www.frontendmentor.io/solutions/workit-landing-page-built-with-html-scss-css-grid-SiS1EGHrvW 👕 Get my hoodie here: https://coder-coder.com/merch 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme 🔽 FOLLOW CODER CODER Twitter -- https://twitter.com/thecodercoder Instagram -- https://www.instagram.com/thecodercoder #css #javascript #html