Design comparison
SolutionDesign
Solution retrospective
Well, these elements were easy, but I created two columns and added display: flex; I don’t know if it’s the best way to solve it ..
Community feedback
- @ApplePieGiraffePosted about 4 years ago
Hey, Romário J. Santos!
Looks like you have a nice solution, but there are no breakpoints and it isn't very responsive.
Something you could do is use two flex containers (one for the header/paragraph and stars and one for the review cards) and set the
flex-direction
torow
, then change theflex-direction
tocolumn
in a breakpoint to switch to a mobile-friendly layout.Otherwise, good job!
Keep coding (and happy coding, too)!
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