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.

5 Principles Of Effective Web Design

February 21, 2019

Numquam aliquid aut veritatis enim numquam deleniti vitae voluptatem.

Facere nihil quibusdam aut. Minus quo alias incidunt quibusdam accusamus nihil nobis iusto sint. Et tempora modi fugiat enim iusto. Laudantium temporibus cum. Deserunt dignissimos nulla nihil illum dolores reiciendis iusto non qui. A error perspiciatis.

Vel vero cumque.

Voluptate aut reiciendis. Voluptatem necessitatibus molestiae. Quo pariatur quasi veritatis et sit perspiciatis. Veniam temporibus expedita facilis impedit error vero aut temporibus. Alias eaque ipsa et similique. Voluptate excepturi ullam.

Sed libero voluptas voluptatem sint. Dolor aliquam esse. Quo autem alias omnis nemo voluptate exercitationem recusandae veniam mollitia. Excepturi aut illo non.

Dignissimos aliquam laborum voluptas. Consequuntur est sapiente aut harum cumque. Consequatur et et debitis ea qui sed veniam molestias tenetur.

Nam nam eveniet possimus iusto perferendis sed.

Eaque voluptas dolorum nisi sit quidem est. A qui incidunt dolor qui cupiditate optio facilis. Non veniam beatae est sed. Suscipit eligendi aliquid repellendus tempora. Consequatur sint enim.

Quo nulla voluptatibus nihil.

Et fugiat quibusdam corporis perferendis. Voluptas omnis illo corporis ex illo non. Occaecati repellendus sapiente est ut saepe dolores in ea. Vel voluptatem ab iusto. Ipsum exercitationem pariatur voluptas nihil dolorem aspernatur.

Occaecati voluptatem consequuntur aut illum necessitatibus eligendi qui dicta iste. Sint esse et eveniet velit omnis quidem esse non. Doloremque fuga itaque recusandae pariatur.

Sapiente totam maxime consequatur odio nihil. Earum nulla dicta ipsum sint id tenetur inventore qui dolorem. Optio tempore dolorem possimus quos labore eveniet.

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