Cards section

Use these cards when you want to display content with an image, such as a blog post or product. They’re built with CSS grid to enable the 3-column layout. When you select the “Cards Grid Container,” you’ll see a red icon on the top right. Click the icon to edit the number of columns, the column gap, and more!

The card images have fit set to cover, so they fill their masking container without stretching. Try making the “Cards Image Mask” a circle using border-radius or adjusting the size ratio using top padding. Don’t forget to set an alt description for each image, which will help with accessibility.

Card one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

14 Common Problems with modern Web Design

February 21, 2019

Vel mollitia harum debitis quis facilis placeat.

Accusamus tempore magnam. Iste magnam placeat aut quo dolor. Placeat quia optio sint aperiam sunt velit adipisci similique. Labore odio dolorum voluptate iusto vel omnis placeat accusantium est. Dolorem est expedita nostrum modi accusantium saepe dignissimos occaecati. Quibusdam est voluptatem nostrum.

Officiis harum consequatur est sint.

Perferendis est earum. Iste dolor quam velit qui et autem. Quaerat perferendis dolorem iusto. Aut qui blanditiis molestias debitis.

Dolore commodi et dicta consectetur quas facilis. Sed eos sint reprehenderit cum qui asperiores. Dicta asperiores voluptatem quia sequi at est. Rerum non sunt hic in est minima nemo eos ut. Quia omnis ut sed dolores velit.

Cupiditate perferendis harum tempore qui explicabo. Rerum vel rerum nihil totam eligendi sunt consequatur voluptatem quae. Omnis qui illo porro facere quidem quod totam minima. Ipsa ratione totam.

Monthly Newsletter
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.