Four-card Feature Section using CSS Flexbox

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted about 2 years ago

  Hi Ayoife, I think you did a great job on the whole, especially in positioning the elements 🙂

  Right now when the layout changes, the content is covered by the browser, which is not an optimal view. What I would suggest here is to change your breakpoint to something that is slightly wider than the component at desktop view, maybe around 960px. I would add a max-width: 500px for the container so that the text doesn't stretch out too much before the breakpoint, and if the max-width is used on the container, you can even remove the width: 55% on the header since the max width will help to limit the width. Hope this helps you out a bit!

  Marked as helpful

  1

  ---

  

  Ayoife•300

  @AyoifePosted about 2 years ago

  @elaineleung Thank you very much for your feedback, I will make those changes immediately 👍👍

  0