Design comparison
Solution retrospective
I TRIED TO GET THE LAYOUT BUT IT WAS TRICKY, FEEDBACKS ARE APPRECITED
Community feedback
- @vanzasetiaPosted over 3 years ago
👋Hi Michael Adebambo!
First rule as a developer, separate styling (CSS) from your HTML file. All styling should be in your
main.css
.Also please, do every challenge slowly and make sure it's already finished. That way, you will get more valuable feedback. This article from Matt Studdert (Creator of Frontend Mentor) will tell you a complete guide to submitting solutions on Frontend Mentor.
Some more feedback:
- Only use
h1
at a time. So, usespan
inside theh1
and style it however you want would be better. - Try to learn Grid and Flexbox and then do this challenge again.
- Please write a valid CSS, this is not valid:
footer { text-align: center; font-weight: 900; te /* !!! */ }
- Try to use
rem
unit for theheight
or thewidth
. The problem withvw
andvh
is that they're not consistent. Even better if you usepadding
withrem
unit to control the size of the card. - Your indentation is not consistent, try to use Prettier to format your code.
That's it! Hopefully this is helpful!
Marked as helpful0 - Only use
- @A-amonPosted over 3 years ago
Hello! Great attempt~ That's a lot of hard work, doing it using transform. 😥 Try using grid for it.
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