Design comparison
Solution retrospective
add hover state for the website
What challenges did you encounter, and how did you overcome them?how to vertical centre an element inside box add a container box then using flex box to centre the inside element
What specific areas of your project would you like help with?Should I keep the size of main content unchanged after the browser becomes smaller the fixed size of main content defined initially?
Community feedback
- @MikDra1Posted 3 months ago
To make your card truly responsive I advice you to use this technique:
.card { width: min(600px, 90%) }
This ensures that the card won’t get bigger then 600px but on smaller screens it will be 90% of the viewport . The min() functions takes the smaller number.
It is the same as:
.card { width: 90%; max-width: 600px; }
Hope you found this comment helpful ❤️
Good job and keep going 😁😃😉
Marked as helpful0@Codingtry123Posted 3 months ago@MikDra1
That's a great idea. Thank you. I will try it later. Wish you all the best.
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