Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
After 3 or 4 previous attempts with similar exercises, laying out the components becomes more intuitive:
- avoid explicit widths on blocks, only set the maximums for the containing blocks (in rem)
- except for images and pictures - fixed width is ok
- the rest of the content should grow & shrink as they please
- centering is simpler to do with flex, rather than with grid's place-content. Flex will allow contents to grow if needed
- don't overuse the semantic blocks within components, as those are mostly for higher level layouts
Community feedback
- @DanCodeCraftPosted 8 months ago
Nicely done, @alkersan!
The proportions are very similar to the original! If I had anything to add, I would suggest you add a smooth transition effect when hovering the buttons/links.
Keep up the good work!
0
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