Design comparison
SolutionDesign
Solution retrospective
I'm back again but this time i decided to play with Grid a little , I think I did a good job but i am not sure i centered the main div properly any tips and suggestions are always welcomed.
Community feedback
- @kimodev1990Posted 11 months ago
Really nice work completing the challenge, Just a few feedback :-
- You could your container in the middle of your website by adding the body :
display: flex ; justify-content: center ; align-items: center ; min-height: 100vh ;
then your container under body will be centered.
- Use rem or em units in font-size rather than px, for better responsiveness.
- You could use clamp ( ) method in your coding for font-size, width, margins, padding, etc., So the designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout.
Hope you find this Helpful.
Other than that, Really Nice work & keep Going on .
Marked as helpful0@Tolulope-asPosted 11 months ago@kimodev1990 Thanks so much for the suggestion regarding centering the div and suggestions on responsive design, I'll work to implement them in future projects .
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