Making the ABOUT US section responsive

The ABOUT US section looks fine on the iPad view but starts to become a bit squishy on a mobile:

Mobile view of the About Us Section

To fix this issue, we will need to change the width value to 100% on the mobile breakpoint:

.about-us-title {  width: 50%;}/* Small Mobile Styles */@media only screen and (max-width: 400px) {  .about-us-title {    width: 100%;  }}.about-us-desc {  width: 50%;}/* Small Mobile Styles */@media only screen and (max-width: 400px) {  .about-us-desc {    width: 100%;  }}

Also, we will change the orientation of the flexbox by adding the CSS property, flex-orientation: column. By default, this ...

Get Practical Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.