Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
Please visit my CSS and tell me my bugs
Community feedback
- @akibraza91Posted 5 months ago
Hi there! 👋
you can give
width: 100%
to your body to get full width of the viewport below the adjusted code.you can use
@media
query for your card to be responsive on small screen.body{ background-color: hsl(47, 88%, 63%); font-family: Figtree-Medium; font-size: 16px; min-height: 100vh; display: flex; justify-content: center; align-items: center; width: 100%; } @media (max-width: 425px){ .card { width: 90%; } }
Hope this was helpful 🙏
Good luck and happy coding! 🙌
0
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