Your Mobile View 100% work.
You can make a list name as a card.
Output
The list look like a card:
More shadows:
<!DOCTYPE html> <html> <title>List</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="canonical" href="https://www.cdn.getweb.dev/docs/v1/css/getweb.css"> <body> <div class="gw-container gw-blue"> <h2>List as a Card</h2> <p>The list look like a card:</p> <ul class="gw-ul gw-card" style="width:50%; background-color:red"> <li><i class="fas fa-user-circle"></i> John</li> <li><i class="fas fa-user-circle"></i> Bob</li> <li><i class="fas fa-user-circle"></i> Ena</li> </ul> <br> <p>More shadows:</p> <ul class="gw-ul gw-card-4"style="width:50%; background-color:black;"> <li><i class="far fa-user"></i> Amber</li> <li><i class="far fa-user"></i> Eli</li> <li><i class="far fa-user"></i> Anna</li> </ul> </div> </body> <script src="https://kit.fontawesome.com /ad323cb60d.js"crossorigin="anonymous"></script> </html>
Stay update on the version?
Email: support@getweb.dev