Design comparison
Solution retrospective
It was a difficult design for me, but I learned many things. Please take a look and tell me what to do better
Community feedback
- @RubylenaPosted about 2 years ago
I will also recommend
display: flex
for the body element or parent container, withjustify-content: center
andalign-items: center
. Everything will be perfectly aligned in the middle. Also do not forget to add your side paddingMarked as helpful1 - @efecollinsPosted about 2 years ago
@OUSSAMAACHICHE. Well done on this project. You've definitely put in the effort. Kudos!
Your website is responsive which is great but there's a little problem with the attribution. It would be okay to add
.parent { margin: 20px auto 40px; }
which will create space beneath the
.parent
class.As for the attribution, this would be fine
.attribution { font-size: 11px; text-align: center; position: relative; bottom: 20px; }
Good luck and keep practising.
I also recommend viewing the reports generated for you.
1
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