
Design comparison
Solution retrospective
I'm proud of taking the first step to get back into developing projects. I think I followed the brief well, with the functionality and design matching the requirements.
Next time I would focus on mobile-first development. I intended to this time but rushed in too quickly and stuck to techniques I was used to, trying to adjust responsiveness for mobile later on. Luckily, for this project, there weren't many adjustments needed to adapt to mobile devices.
What challenges did you encounter, and how did you overcome them?I struggled to align the content both horizontally and vertically. I tried to use block styles but had to switch to Flexbox in the end, along with setting height:100vh
on the body
tag to achieve vertical alignment.
- Code structure: I'm not sure if the centering issue I mentioned above could be solved in a simpler way. I'm also curious if my HTML and CSS have room for improvement and can be refactored to better align with standard coding practices.
- Responsiveness: While I didn't see any issues with responsiveness, I'd appreciate feedback if there are things I might've missed. At the moment I test my projects on a 14-inch laptop screen and a 25-inch monitor, and adjust for mobile devices using Chrome's developer tools.
Community feedback
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