Four card feature section

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Ranhossainemi, congratulations for your solution!

  Your solution is really good, but you need to fix some issues related to its design.

  For example, the background-color is inside the class .cardFeature but this should goes to body in order to display it full width.

  body {
      background-color: hsl(0,0%,98%);
  }
  
  .cardFeature {
      /* background-color: hsl(0,0%,98%); */
  }
  

  You can create the colored bar for each card using an <span> and giving it height: 8px;this way it doesn;t get affected by the card component border-radius thats is flat not rounded.

  The box-shadow is a little bit strong, you need to give it less opacity, the correct value is box-shadow: 0 0.9375rem 2.625rem -0.6875rem rgb(131 166 210 / 40%);

  Hope it helps, and happy coding!

  Marked as helpful

  1

  ---

  

  imranhossainemi•245

  @imranhossainemiPosted over 2 years ago

  @correlucas Thank you :)

  1