Design comparison
Solution retrospective
Structure using only HTML, Javascript and CSS.
What challenges did you encounter, and how did you overcome them?Responsive layout; Styles with CSS.
What specific areas of your project would you like help with?How to create responsive layouts using pure CSS.
Community feedback
- @Alex-Archer-IPosted 6 months ago
Hi!
To make your
.card
more responsive you can addwidth: 95%
. It's already havemax-width
property so when screen size will be lesser than 320px it's width will set to 95%. Also you can get rid of.container
tag and addflex
andpadding
to.card
- the fewer tags the better =)I can recommend you to use
rem
values for font size (it's the main purpose of those values, after all) and usemin-heigh
insteadheight
forbody
tag (in case if user's screen will be smaller than content of the page).Overall, you did quite a good job, well done =) Good luck =)
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