Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
๐พHello @uzairK134, Congratulations on completing this challenge!
Use
<main>
instead of<div>
to wrap the card container. This way you show that this is the main block of content and also replace the div with a semantic tag.Create the rating section using a list with
<ul> <li>
and applyflex-wrap: wrap
to make it responsive and the button going to different rows to adjust and fit:.rating { background-color: hsl(213, 19%, 18%); grid-row: 4; display: flex; justify-content: center; align-items: center; margin: 0 15px; flex-wrap: wrap; }
โ๏ธ I hope this helps you and happy coding!
Marked as helpful1
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