How to create a Portfolio Website with CSS Grid & Sass | Part 3: Using CSS Grid & creating fallbacks

The fun finally starts as we start styling the welcome and introduction parts of the site. The welcome part at the top is pretty straightforward, only needing flexbox, but for the short intro text, I use the Grid to create the layout, as well as build in a flexbox fallback. For the intro section, I use minmax on my columns to be able to control them, showing some of the real power behind it and removing any need for media queries. The flexbox fallback isn't perfect, but it isn't supposed to be either, it's a fallback afterall! The layout still works, but I just have less control over it, which is fine. Most people will see the Grid layout anyway, and nothing will be broken for those who don't. Also, I take a bit of a different approach to how I nest my SCSS rules, and I'd love some feedback from you! I used to give *everything* a class name, but you'll see that this time, I nest some of my typography rules in each section. Does this make you want to punch me out of frustration as I do this, or am I being reasonable here? --- New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass --- Support me on Patreon: https://www.patreon.com/kevinpowell I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powellom/KevinJPowell