Design comparison
Solution retrospective
I am proud of completing the project with little help and looking for the answers through the web, next time I would pay more attention to the font size and containers to make the site accessible from the beginning and not make too many changes later.
What challenges did you encounter, and how did you overcome them?Challenges like importing the downloaded font, choosing the right shadow values or using media queries I solved by searching the web, the sheer amount of articles and answers is a bit overwhelming, knowing how to choose an updated and simple font is what can take the most time.
What specific areas of your project would you like help with?For example, the final margin between the footer (the avatar and the text) and the container is slightly larger than in the design, surely there are more improvements to make it look more like the expected design, so all feedback is welcome.
Community feedback
- @Dontae15Posted 6 months ago
Your html and css was good. I noticed you used a lot less css than me which shows you're efficient with your css. I could understand your html although you use different syntax than me. Your design is stylistically like the design, but the container size is different, which i also struggled with. The main problem that i came across when reviewing your design was the responsiveness on all screen sizes. When i use chrome dev tools to inspect the responsiveness of your design it overflowed it's container when the size of the screen decreased. To fix this i used the overflow: hidden; property which hides all overflow. Otherwise a really good solution.
Marked as helpful0
Please log in to post a comment
Log in with GitHub
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