Four card feature section using mobile first approach and grids

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @arushkumar05,

  Congrats on completing the challenge

  If you want to center everything in the middle of the page you're just missing one declaration on your body rule min-height: 100vh;

  This will center if vertically. Hope this is helpful.

  Marked as helpful

  1

  ---

  

  Arush•180

  @arushkumar05Posted about 2 years ago

  Hi @hyrongennike , thankyou for your feedback! Will use this for vertically aligning the page in future.

  0
• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hi Arush, congrats on completing this challenge!

  I saw your solution preview site and I think it's already really good. Here’s some tips for you to improve it:

  The box-shadow is a bit too strong, this is due the opacity and blur. The secret to create a perfect and smooth shadow is to have low values for opacity and increase blur try this value instead: box-shadow: 12px 7px 20px 6px rgb(57 75 84 / 8%);

  If you’re not familiar to box-shadow you can use this site to create the shadow design and then just drop the code into the CSS: https://html-css-js.com/css/generator/box-shadow/

  ✌️ I hope this helps you and happy coding!

  0