
Design comparison
Solution retrospective
I wont waste time looking up grid syntax coz I already know flex can do this
What challenges did you encounter, and how did you overcome them?I cant afford to learn grid for one challenge and forget it again. So FLEX. I find the syntax easier
What specific areas of your project would you like help with?How did you achieve this using grid?
Community feedback
- @Grimm-NPosted 5 months ago
First off, wow! 🎉 Your work is truly impressive! The structure, styling, and overall vibe are fantastic—it’s clear you've put a lot of heart into this. Seriously, it’s looking sharp! 🎨👌
But hey, let me throw a couple of tips your way that might make your work even more chef’s kiss 👌✨
-
Dive Into Relative Units (rem, em, %, vh, vw): You know, using
rem
,em
,vw
, andvh
might feel like wrestling with a new language at first (we’ve all been there 😅), but trust me, it’s worth it. Even for things like box-shadows! 💥 Relative units make your design more adaptable across screen sizes, and they play nicely with accessibility settings. Sure, it’s a bit weird at first, but it quickly becomes second nature and can make your CSS wayyy more resilient. 🦾 -
Give CSS Grid a Go!: Time to be honest—your layout isn’t quite hitting the original mark, and this is where CSS Grid could really save the day. 🚀 Unlike Flexbox, which is awesome for straight-line row or column layouts, Grid lets you work in two dimensions—both rows and columns at once! 🎩✨
- Flexbox: Perfect for one-dimensional layouts, so if you’re just lining things up, it’s your best friend. 🙋♂️
- Grid: This is the tool for the big leagues, ideal for more complex layouts when you need items to play nicely in both rows and columns. 📐
So don’t worry about comparing the two—each has its strengths! Learning when to use both can be your secret weapon in CSS. 💥 Keep going, you’re doing awesome! 👏
1 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord