Design comparison
Solution retrospective
I would do different next time all the things about size cointainer and image
What challenges did you encounter, and how did you overcome them?Especially the issue of the size of the container with respect to the page and that it was responsive for other devices.
First I used 'width:%' for containers and img but the website was not responsive. Then I tried to use max-width: vh and it improved.
What specific areas of your project would you like help with?About the things I mentioned before
Community feedback
- @kodan96Posted 6 months ago
hi there! ๐
A couple of tips I packed up for you after looking at your code:
-
Your setup for centering your content is almost right, you should remove the
padding
from the body and addmin-height: 100vh
to it, so your content will get centered without causing scrolling. -
Instead of using 'hard-coded' values (pixels) for your padding and magins try to use
em
orrem
, so these values will nicely scale up as well, when you increase thefont-size
with@media
queries. -
And also I would modify the
text-align
properties tocenter
Hope this was helpful! ๐๐ป
Good luck and happy coding! ๐ช
Marked as helpful2 -
- @aryakrishnaksh2021Posted 6 months ago
- You have to assign value center to the text-align property in-order to align the heading and paragraph to the center
- You can make use of media query in CSS to make it responsive
Marked as helpful1
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