Photos not filling page

Solved
jacauschi23
Explorer
60 9 17

I have these photos placed into the Lookbook page with the following code. Why are they not filling the width of the page? Each row should cover the same space and the photos resize according based on the amount in a row.

https://doja.vip/pages/copy-of-lookbook

PW: aobrew

 

This are the rows I have setup. These don't matter for mobile view though, they can just all be on a single column.

3 photos
2 photos
1 photos
1 photo
1 photo
2 photos
2 photos
1 photo
1 photo
3 photos
2 photos
1 photo
2 photos
2 photos
1 photo

 

<style><!--
* {
  box-sizing: border-box;
}

.column {
  float:left;
  width: 25%;
  padding: 5px 10px 5px 10px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
--></style>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/sway_Lb1.jpg?v=1618723029" alt="Lookbook-1" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/MO_LB_2.jpg?v=1618725636" alt="Lookbook-2" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb3.jpg?v=1618725806" alt="Lookbook-3" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/mo_3.jpg?v=1618723029" alt="Lookbook-4" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/mo_lb_1.jpg?v=1618723029" alt="Lookbook-5" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb5.jpg?v=1618723029" alt="Lookbook-6" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb6.jpg?v=1618723029" alt="Lookbook-7 style=" width:=""></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb7.jpg?v=1618723029" alt="Lookbook-8 style=" width:=""></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb_8.jpg?v=1618723029" alt="Lookbook-9 style=" width:=""></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb9.jpg?v=1618723029" alt="Lookbook-10 style=" width:=""></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb10.jpg?v=1618723029" alt="Lookbook-11 style=" width:=""></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb11.jpg?v=1618723029" alt="Lookbook-12 style=" width:=""></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/LB12.jpg?v=1618723029" alt="Lookbook-13 style=" width:=""></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb13.jpg?v=1618723029" alt="Lookbook-14 style=" width:=""></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb14.jpg?v=16187230299" alt="Lookbook-15" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb15.jpg?v=1618723029" alt="Lookbook-16" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb16.jpg?v=1618723029" alt="Lookbook-17" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb17.jpg?v=1618723029" alt="Lookbook-18" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb18.jpg?v=1618723029" alt="Lookbook-19" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb20.jpg?v=1618723029" alt="Lookbook-20" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb21.jpg?v=1618723029" alt="Lookbook-21" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/lb22.jpg?v=1618723269" alt="Lookbook-22" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb23.jpg?v=1618723029" alt="Lookbook-23" style="width: 100%;"></div>
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/Lb24.jpg?v=1618723029" alt="Lookbook-24" style="width: 100%;"></div>
</div>
<div class="row">
<div class="column"><img src="https://cdn.shopify.com/s/files/1/0561/4324/9587/files/LB25.jpg?v=1618723029" alt="Lookbook-25" style="width: 100%;"></div>
</div>

 

  

0 Likes
jacauschi23
Explorer
60 9 17

This is an accepted solution.

RESOLVED

0 Likes