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

Single Price Grid Component - (SASS lighten / desaturate)

Aymin 140

@ayminahmed

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Wasn't able to find good whole numbers or use techniques like flex to automatically place text containers in a pixel-perfect fashion. Wasted a day looking for some elegant solution via trial & error.

It seems like elegant techniques are better suited to modern / responsive designs with detailed design files, but become impractical for images with subjective spacing and a limited resolution.

Going to stop obsessing over it and just continue to build normally for now.

Will appreciate ANY feedback.

Community feedback

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