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 using HTML, CSS and flexbox!

P

@mohsin316

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


would love to hear your feedback!

Community feedback

Ahmed Faisal 5,095

@afrussel

Posted

  • main container width is large
  • Box shadow is missing
  • Use a hover for button

Marked as helpful

3

P

@mohsin316

Posted

@afrussel thanks for replying!

  1. yeah i was also considering whether the width was too big, ive set the width to 70% i think. ill change it to something lower.
  2. i dont really understand the concept of box shadow, do you know any good tutorials that explain box shadow?
  3. didnt notice we needed a hover effect for the button. will add it soon.
0
Rishad 115

@Noob-Coder-You

Posted

@mohsin316 if you see the design there is a shadow and as you mentioned that you are a subscriber of kevin he has a box shodow tutorial

Marked as helpful

1
Rishad 115

@Noob-Coder-You

Posted

man its perfect atleast in my view i learned a lot btw are you a kevin powell subscriber

1

P

@mohsin316

Posted

@Noob-Coder-You thank you i appreciate it! and yes i am a kevin powell subscriber.

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