Carrd visual lists tutorial

There’s no native way to add static, coloured text blocks in Carrd in order to create visual lists. Here’s a couple of examples I’ve created with a little CSS:

Other variations of thse can be made by tweaking the CSS slightly, such as different colours, non-rounded corners, etc. Also, more text could be added inside each element.

You can see a live demo of these on extrasfor.carrd.co or makerdesign.tools.

Find out how to implement this with my simple tutorial. You don’t need CSS knowledge to use it. However, it will help you to be comfortable or willing to tweak small amounts of code, so you can create your desired stylings.

Get my Carrd tutorials bundle for a 25% discount across the set.