Feature - Lists - Simple ul

Developer
Size
2,216 Kb
Views
2,024

How do I make an feature - lists - simple ul?

What is a feature - lists - simple ul? How do you make a feature - lists - simple ul? This script and codes were developed by Dean Leigh on 25 January 2023, Wednesday.

Feature - Lists - Simple ul Previews

Feature - Lists - Simple ul - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Feature - Lists - Simple ul</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>	<section class="feature feature--links-internal feature--layout-gallery" id="feature--layout-toggle"> <div class="feature__content"> <ul class="feature__items"> <li class="feature__item"> <dl class=""> <img src="http://essexsurfers.com/images/point_clear_02_xl.jpg"> <dt class=""><a class="feature__link" href="#">Title - Inner Item 1</a></dt> <dd class="">Description - some copy will go here of 155 characters or less</a></dd> </dl> </li> <li class="feature__item"> <dl class=""> <img src="http://essexsurfers.com/images/point_clear_02_xl.jpg"> <dt class=""><a class="feature__link" href="#">Title - Inner Item 1</a></dt> <dd class="">Description - some copy will go here of 155 characters or less</a></dd> </dl> </li> <li class="feature__item"> <dl class=""> <img src="http://essexsurfers.com/images/point_clear_02_xl.jpg"> <dt class=""><a class="feature__link" href="#">Title - Inner Item 1</a></dt> <dd class="">Description - some copy will go here of 155 characters or less</a></dd> </dl> </li> <li class="feature__item"> <dl class=""> <img src="http://essexsurfers.com/images/point_clear_02_xl.jpg"> <dt class=""><a class="feature__link" href="#">Title - Inner Item 1</a></dt> <dd class="">Description - some copy will go here of 155 characters or less</a></dd> </dl> </li> <li class="feature__item"> <dl class=""> <img src="http://essexsurfers.com/images/point_clear_02_xl.jpg"> <dt class=""><a class="feature__link" href="#">Title - Inner Item 1</a></dt> <dd class="">Description - some copy will go here of 155 characters or less</a></dd> </dl> </li> <li class="feature__item"> <dl class=""> <img src="http://essexsurfers.com/images/point_clear_02_xl.jpg"> <dt class=""><a class="feature__link" href="#">Title - Inner Item 1</a></dt> <dd class="">Description - some copy will go here of 155 characters or less</a></dd> </dl> </li> </ul> </div>
</section>
</body>
</html>

Feature - Lists - Simple ul - Script Codes CSS Codes

.feature__items { max-width: 888px; overflow: hidden; display: block; border: 1px solid #000; background: #cfc; list-style: none; margin: 0; padding: 0 16px 0 0;
}
.feature__item { width: 280px; background: #ccc; margin: 0 0 16px 16px;
}
.feature__item img { width: 280px;
}
.feature__item dt, .feature__item dd { margin: 0;
}
.feature--links-internal.feature--layout-list .feature__item { padding: 16px;
}
.feature li { background: red;
}
.feature--links-external.feature--layout-list .feature__item { padding: 32px;
}
.feature--layout-list .feature__item { background: #fcc;
}
.feature--layout-gallery .feature__item { float: left; background: #cff;
}
Feature - Lists - Simple ul - Script Codes
Feature - Lists - Simple ul - Script Codes
Home Page Home
Developer Dean Leigh
Username deanleigh
Uploaded January 25, 2023
Rating 3
Size 2,216 Kb
Views 2,024
Do you need developer help for Feature - Lists - Simple ul?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Dean Leigh (deanleigh) Script Codes
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!