Single-Price-Grid-Component

Community feedback

• 

  Divine Obeten•2,415

  @Deevyn9Posted over 2 years ago

  Hi, congrats on submitting your solution. The top of the first card isn’t appearing on the mobile view, give it a look.

  Happy coding 🎈

  Marked as helpful

  0

  ---

  

  POTB•330

  @PeteonthebeatPosted over 2 years ago

  Hey, @Deevyn9 Thank you so much for letting me know. I updated the HTML and CSS files, giving the container a height of 80vh. I think now it works on point. But I'll be glad if you take another look! I also swapped the <strike> for <s> tags, since those are no longer a thin in HTML5.

  Sincere! POTB

  1

  

  Divine Obeten•2,415

  @Deevyn9Posted over 2 years ago

  @Peteonthebeat i gave it another look, and it is perfect. Feels great that my comment was helpful to you.

  Thank you 🙏🏾

  Marked as helpful

  0

  

  POTB•330

  @PeteonthebeatPosted over 2 years ago

  @Deevyn9 It was super helpful. The second opinion of someone with superior skills is always beneficial!

  Sincere, POTB

  1

  

  Divine Obeten•2,415

  @Deevyn9Posted over 2 years ago

  @Peteonthebeat 🤎

  0
• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hi again Peter, congratulations your solution!

  I saw that you've used a value for the shadow thats making it too strong, the secret to create a smooth shadow is to work with low opacity and increase the blur. Here's a good value for the shadow: box-shadow: 0rem 0.9375rem 1.875rem rgb(0 81 171 / 15%);

  You can create the shadow using Figma for the design and then drop the code into the CSS, but you can also use an online tool to create the shadow design and just copy the shadow. Here's a good site to do that: https://www.cssmatic.com/box-shadow

  Here's my solution for this challenge if you want to see how I build it: https://www.frontendmentor.io/solutions/single-grid-component-vanilla-css-easter-egg-obsZK5BL2p

  👋 I hope this helps you and happy coding!

  0