Create a blog with a headless CMS // Full 3-hour course // Astro + Wix Studio

Check out Wix Studio 👉 https://www.wix.com/studio/cms If you're thinking of signing up for Frontend Mentor PRO account, you can get 10% off with the code KEVINPOWELL10 🔗 Links ✅ The Frontend Mentor challenge: https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl?via=kevinpowell ✅ Getting started with npm: https://youtu.be/UYz-9UaUp2E ✅ Astro: https://astro.build/ ✅ Wix Studio: https://www.wix.com/studio/cms ✅ Wix Studio headless docs: https://dev.wix.com/docs/sdk/backend-modules/data/introduction ✅ More on using @font-face: https://youtu.be/zK-yy6C2Nck ✅ More on font-display: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display ✅ More on visually-hidden: https://www.a11yproject.com/posts/how-to-hide-content/ ✅ More robust version of the .base-layout: https://youtu.be/c13gpBrnGEw ✅ Container queries: https://youtu.be/2rlWBZ17Wes ✅ Counters: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters Some links may be affiliate links. When you click on these links and make a purchase, we may receive a small commission at no additional cost to you. This helps support my work and allows me to continue providing valuable content. I only recommend products and services I use myself. Get a YT membership: Join this channel to get access to perks: https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw/join ⌚ Timestamps 00:00 - Introduction 00:39 - Getting the assets and a quick look at the design 02:47 - Getting started with Astro 05:08 - Exploring what Astro starts us with and adding the assets 07:52 - Creating a template layout 12:44 - Creating and importing our CSS file 14:12 - Thinking about how we'll organize our page 19:17 - General styling with CSS 32:20 - Creating the header 37:40 - Scroped styling in Astro 40:05 - The visually-hidden class 41:03 - Styling the navigation (more on this later) 42:18 - The featured article 45:23 - Heading levels and their impact 47:30 - Read more buttons are bad 48:57