Design comparison
Solution retrospective
I successfully recreated the design to the best of my capabilities.
What challenges did you encounter, and how did you overcome them?Had difficulty in centering the card component initially but then used "auto" which fixed the problem.
What specific areas of your project would you like help with?Responsiveness across multiple screen sizes.
Community feedback
- @Mirjax2000Posted 8 months ago
Hello, i checked your code. you made it simple and that is the point. KIS keep it simple.
What i saw. You are using fixed values for sizes. try avoid fixed height. Play with padding and margins but fixed height can cause some overflow problems. For responsive design u should use other methods, for example, em units, percentage and others.
keep it up. in body element you declare tex-align center, and in p element you declare again. If is it in parent element it will aply for all his children.
Marked as helpful0 - @Mirjax2000Posted 8 months ago
Hello, i checked your code. you made it simple and that is the point. KIS keep it simple.
What i saw. You are using fixed values for sizes. try avoid fixed height. Play with padding and margins but fixed height can cause some overflow problems. For responsive design u should use other methods, for example, em units, percentage and others.
keep it up. in body element you declare tex-align center, and in p element you declare again. If is it in parent element it will aply for all his children.
0
Please log in to post a comment
Log in with GitHub
Join 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