Design comparison
Solution retrospective
I am most proud of successfully implementing CSS Flexbox and Grid in this project. This was a significant milestone for me, demonstrating that I could effectively use these powerful layout systems to create a complex and responsive design. It was rewarding to see the design come to life and function as intended across different screen sizes.
Next time, I would try to plan out my CSS structure more thoroughly from the beginning. While I was able to achieve the desired result, I found that I had to backtrack and refactor some of my code partway through the project. If I had spent more time planning my CSS classes and structure from the start, I could have potentially saved time and made the development process smoother.
What challenges did you encounter, and how did you overcome them?One of the challenges I encountered was ensuring that the landing page was fully responsive. This required careful planning and testing to ensure that the layout and elements adapted well to various screen sizes. To overcome this, I utilized CSS Flexbox and Grid to create a flexible layout that could accommodate a range of devices. Additionally, I regularly tested my design on different screens to catch any potential issues early on.
Another challenge was organizing my CSS in a way that made it easy to manage and update. Initially, my CSS became a bit disorganized as I kept adding more styles, which made it difficult to navigate and understand. To resolve this, I refactored my code, grouping similar styles together and commenting my code clearly. This made my CSS more readable and maintainable, improving my workflow for the remainder of the project.
What specific areas of your project would you like help with?I would like help with refining my understanding of CSS Flexbox and Grid. While I have made significant progress, I believe there is always more to learn. I would also appreciate any advice on how to structure my CSS more effectively from the beginning to streamline the development process. Finally, I would value any tips on best practices for web accessibility to ensure my websites are usable for all visitors.
Join 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