Design comparison
SolutionDesign
Solution retrospective
It would be great if You all could tell me where to improve as I am just a beginner.
Also Some advice and help on positioning of elements would be great too
Community feedback
- @amishvermaPosted over 3 years ago
Hello Shruthi,
First of all, as a beginner, you have done a really good job. There are few things that you will need to note in the particular challenge
- You need to work on the responsiveness as well as the background color mentioned above.
- You have to add an overlay just to the image.
- In terms of using units try to use more relative units such as **rem or **em instead of **px
- In terms of position there is a good video of how and when to use position by [WebDevSimplified] (https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw)
- In case of any more doubts feel free to contact
All the best
1 - @dewslysePosted over 3 years ago
Hello Shruthi!
A few things to note:
- In css, you need to set your
background-color
of yourbody
to hsl(233, 47%, 7%) - You can then use the
flex
property to center your container( in this case.bigbox
) in the middle.
.bigbox { display: flex; min-height: 100vh; justify-content: center; align-items: center; }
All the best
0 - In css, you need to set your
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