Design comparison
SolutionDesign
Solution retrospective
Hello, this is my challenge result. I changed the color of the button on purpose to make it a nicer color and effect. It's not perfect and I'm still going to make it responsive.
Community feedback
- @istfredyPosted over 1 year ago
Hi Victoria 👋👋 Great job😊, but i have a proposal ;) you can notice that when we reduce the size of the screen the page becomes less pleasant for the user, to correct this, you can use:
@media (max-width: 600px) { /* Styles to apply when screen width is less than 600px */ /* For example : */ div.container { width : 90% display : flex; flex-direction : colum; gap : 10px; } div.container div { width : 100% } }
It's just an example, it's up to you to modify it so that it's as pleasant on the tablet as on the phone.
I hope this comment could help you.😉
Marked as helpful0
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