Design comparison
SolutionDesign
Solution retrospective
Great challenge!! great challenge to practice flex and grid
Community feedback
- @Sdann26Posted over 2 years ago
Hi Julio!
Only one small flaw is that when you shrink it, the card column is on one side only.
Delete the
max-width: 360px
@media screen and (max-width: 768px) body { max-width: 360px; display: flex; margin: 0; }
And add
@media screen and (max-width: 768px) .container { max-width: 360px; }
By the way I don't recommend using buttons in this project because the
Learn More
could intuitively work as navigation ('a' tag) to take you to another page but that's my perspective.For everything else I think your project is pretty good.
Good Luck!
1
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