Responsive Four card feature section using CSS FlexBox

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Ralph, congratulations for your solution!

  Your solution overall seems great, but you can improve it a bit in design aspects and the mobile responsivity.

  Here's my tips:

  1.Work the box-shadow opacity to have a smooth shadow, the current shadow is too dark.

  2.Give the colored bar to each some height more, they're too thin, their height should be around px.

  3.The mobile version has a little problem when it scale down under max-width: 300px due the paragraph that has a fixed width and don't allow the other contents to contract. You need to change the widthfor this paragraph inside the media query. I'll write you the corrections below:

  @media (max-width: 300px) }
  .about-text {
  text-align: center
      max-width: 380px;
      margin: auto;
  }
  

  Hope it helps and happy coding!

  0

  ---

  

  Ralph•130

  @RalphJnrPosted over 2 years ago

  @correlucas I am so grateful. Thanks a lot!!!! I will see to that asap

  0

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @RalphJnr You're welcome Ralph, happy to hear that helps. Keep it up!

  0