Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solid CSS and HTML

samir-Deve 350

@samir-Deve

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

well I am proud of my persistency, I spent nearly 3 hours without going crazy on just positioning the cards intersections it truly was a butthurt for me. It was the first time I faced such weird card positioning . After all I learned something I didn't know !!

What challenges did you encounter, and how did you overcome them?

I faced many which I mentioned earlier :)

What specific areas of your project would you like help with?

Blank !!

Community feedback

@imranhossainemi

Posted

Well done and nice work as you try to follow design as a newbie. Some minor and major mistake, but you pull this off head's up to you. I hope you will learn this to above future mistakes.

  • Improve HTML semantic navigation and accessibility.
  • css box shadow technique for particular area. Example: in the design red green yellow blue card top part. " box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.15), 0px -5px 0px -1px hsl(180, 62%, 55%); "
0

samir-Deve 350

@samir-Deve

Posted

@imranhossainemi I will learn, thanks for your time !

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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