<style>
* {
box-sizing: border-box;
}
/* Create rows with flex layout */
.row-kitinclude {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.column-kitinclude {
width: 30%; /* Set percentage width for columns */
padding: 10px;
text-align: center;
margin: 8px;
background-color: #f3f1f0;
}
.column-kitinclude img {
width: 100%; /* Take full width of the column */
max-height: 250px; /* Set maximum height for consistency */
object-fit: contain; /* Maintain image proportions */
}
@media screen and (max-width: 460px) {
.column-kitinclude {
width: 40%; /* Set width for smaller screens */
padding: 2px;
}
}
</style>
<div class="row-kitinclude">
<div class="column-kitinclude">
<img src="https://cdn.shopify.com/s/files/1/0577/6156/2824/files/xcoattips.png?v=1725515906" alt="X Coat Tips">
<p style="font-size: 12px;">XCOATTIPS of your choice</p>
</div>
<div class="column-kitinclude">
<img src="https://cdn.shopify.com/s/files/1/0577/6156/2824/files/gel_glue_bottle.png?v=1725515905" alt="Nail Glue">
<p style="font-size: 12px;">Nail Glue</p>
</div>
<div class="column-kitinclude">
<img src="https://cdn.shopify.com/s/files/1/0577/6156/2824/files/builder_gel_bottle.png?v=1725515905" alt="Builder Gel 15ml">
<p style="font-size: 12px;">Builder Gel 15ml</p>
</div>
<div class="column-kitinclude">
<img src="https://cdn.shopify.com/s/files/1/0577/6156/2824/files/top_coat_bottle.png?v=1725515905" alt="Top Coat 15ml">
<p style="font-size: 12px;">Top Coat 15ml</p>
</div>
<div class="column-kitinclude">
<img src="https://cdn.shopify.com/s/files/1/0577/6156/2824/files/UV_lamp.png?v=1725515906" alt="UV Lamp">
<p style="font-size: 12px;">Nail Lamp</p>
</div>
<div class="column-kitinclude">
<img src="https://cdn.shopify.com/s/files/1/0577/6156/2824/files/nail_file.png?v=1725515906" alt="Nail File">
<p style="font-size: 12px;">Nail File</p>
</div>
</div>
