customize front page

[sickshot]

hello,

can  anyone suggest me how can i make front page look like this:

https://www.palaceskateboards.com/advice/

so theres only main menu on top and only product images with links...

for example if i take featured products module, and make it to load product photos like its on this page

making the look of product like this is not hard, but how to make them align like that?   

maybe some module can do this or maybe someone knows a theme with similar design 

Edited June 19, 2023 by sickshot (see edit history)

[Med solver]

hi there, to make it align like the photo you just need css to do that its really simple

let it us assume that every img has container div

HTML 

<div class="img-container">

     <img src=""  alt="">

</div>

CSS 

.img-container{

width:33.33%;

float:left;

}
.img-container img{

padding:5px;

}

[sickshot]

On 6/22/2023 at 1:31 PM, Med solver said:

hi there, to make it align like the photo you just need css to do that its really simple

let it us assume that every img has container div

HTML 

<div class="img-container">

     <img src=""  alt="">

</div>

CSS 

.img-container{

width:33.33%;

float:left;

}
.img-container img{

padding:5px;

}

thank you for your help. but will it align it with different heights? like it the picture you can see that vertical split lines are the same size, but horizontal alignment differs by the height of the image...