pure html and css, i also use grid layout to display divs
Design comparison
Solution retrospective
It wasnt that hard but grid layout was kind challenging because I haven
t used css for a while but with help from google I manage to make it look better.
I am not if I did my CSS grid right.
Community feedback
- @correlucasPosted over 2 years ago
πΎHello Charles Mambo, congratulations for your first solution and π welcome to the Frontend Mentor Coding Community!
I've some suggestions for you:
To have a good and concise code you can think ever to using the less elements possible, for example, you don't really need two divs to wrap the cards one is enough. Look that doing that you'll have more control over all elements.
Try to use
class
for styling the elements and let theid
just for forms and Javascript.To create a perfect shadow you need to give more transparency to the card shadow and more blur, give it less
opacity
for a smoother shadow.You can create your shadows online and just drop the code in the css with this tool: https://www.cssmatic.com/box-shadow
π I hope this helps you and happy coding!
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