Design comparison
Solution retrospective
Did this with Flexbox because I am still not comfortable with Grid. This definitely felt like a project that would have been easier using CSS Grid. A lot of videos/resources on learning grid are a little confusing - If anybody has any good resources that helped them, that would be great. I know grid is very powerful when used correctly.
Community feedback
- @coding-tomatoPosted about 3 years ago
To your question, have you ever tried Grid Garden? Kickstarted me into realizing how good Grid is for like... A lot of things!
Marked as helpful1@kenreibmanPosted about 3 years ago@VeryEvilTomato I have not, but I will absolutely check it out. thank you!
1 - @kens-visualsPosted about 3 years ago
Hey @lmaoken 👋🏻
I have some suggestion to help you fix the accessibility issues and some other things.
- In your markup,
<div class="container">...</div>
should be<main class="container">...</main>
. This will fix the accessibility issues. Just, don't forget to generate a new repot once you fix the issues.
I hope this was helpful 👨🏻💻 I don't have any special grid video suggestions, however I know whom you should follow for that type of content. And that creator is Kevin Powell, he's the one who talks about them a lot. I agree grid is more complex and harder to grasp than flexbox, but it just takes some time, once you grasp the core concept you'll see how easy it is. Also check out Frontend Mentor's resources page, there are some cool things about grid and to practice grid. One last suggestion would be to make the animation a little bit faster, also nice touch on that one. Other than that, you did a great job, even with flex box, keep it up. Cheers 👾
Marked as helpful1 - In your markup,
- @kenreibmanPosted about 3 years ago
Also someone please help me with the 6 Accessibility Issues!!
0
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