Design comparison
Solution retrospective
I am proud of successfully implementing a functioning CSS Grid solution. It was a challenging task, but I was able to navigate the complexities and create a layout that meets the project requirements.
Next time, I will strive to be more direct in my approach. I plan to focus on clearly defining my goals and breaking down the tasks into manageable steps from the outset. This will help streamline the development process and reduce any potential confusion or delays.
What challenges did you encounter, and how did you overcome them?I initially faced a significant challenge in achieving the desired end result, as I had never used CSS Grid in a practical context before. This lack of experience made it difficult to visualize how to structure the layout effectively.
To overcome this challenge, I utilized resources like GridbyExample, which provided valuable tools and examples that guided me through the process. By studying these examples and experimenting with the code, I was able to gain a better understanding of how to implement CSS Grid effectively and ultimately achieve the layout I envisioned.
What specific areas of your project would you like help with?I would like assistance with properly implementing BEM (Block Element Modifier) conventions in my project. I suspect that my current naming structure may not fully adhere to BEM principles, and I would appreciate guidance on how to make my class names more concise and meaningful. Any tips or examples on how to effectively apply BEM in my code would be greatly appreciated.
Community feedback
- @Ejiro-FrancesPosted 29 days ago
This looks really good. The responsiveness on mobile and tablet devices is very good too. For the media query for desktop, It does not accommodate desktops with small screen sizes. I think you should reduce the break point from 78.65rem.
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