Design comparison
SolutionDesign
Solution retrospective
I'm new to web development ! Any feedback on how I can improve the code is very much appreciated!
Community feedback
- @ZubairAbid101Posted over 1 year ago
Hello!!!
Congratulations on completing the challenge!
There are some things that you can improve in the code,
- An efficient way to dynamically center elements is to use
display: flex
,justify-content: center
,align-items:center
. - Another way to do this is to assign the element in question a specific
width
andheight
value and then usemargin: auto auto
. - The background color for the
body
element is not correct. To keep the design as close as possible to the original use thestyle-guide.md
file given to you. - You may notice that the font style for the design and that of your project do not match. Use Google Fonts and the
<link>
tag alongside thefont-family
CSS property to match the font style with the design.
I hope you find this comment helpful!
Did you know that there's a mark as helpful and an up-vote option?
There's even a Follow button!!!
Happy Coding!!!
1 - An efficient way to dynamically center elements is to use
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