Differences

This shows you the differences between two versions of the page.

--- lists_with_icons [2023/02/12 01:13] – thehort
+++ lists_with_icons [2023/02/13 18:08] (current) – [Display] thehort
@@ Line 1: / Line 1: @@
 ====== Lists with Icons ======
-The **List with Icons** block creates a list of items that can each have its own icon, title, and short description. A background color can be set to display as a circle behind the icons. For optimal display with a background color, the icons should be uploaded as transparent pngs with the desired color already applied.
+The **List with Icons** block creates a list of items that can each have its own icon, title, and short description. A background color can be set to display as a circle behind the icons. For optimal performance with a background color, the icons should be uploaded as transparent pngs with the desired icon color already applied.
+==== Display Examples ====
 At large screen sizes,  the list displays in two columns:
-{{:screenshots:list-desktop.png?600}}
+{{:screenshots:list-desktop.png?800}}
+At medium screen sizes,  the list displays in a single column:
+{{:screenshots:list-tablet.png?500}}
+At small screen sizes,  the list displays in a single column with the icons displayed above the text:
+{{:screenshots:list-mobile.png?300}}