Does a template exist for this, free or paid?

I’m new to this and just want a simple tile based template that is basically a grid with a header on top. Very roughly like this…

I want to add links and images to the tiles for example twitter logo, tumblr logo, youtube logo or whatever. The logos would take up the full area of the tile and also just have blank tiles where I can put text and/or text links and in such cases I can choose tile colour, font and font colour.

I’d also like to use tiles that are twice as wide and three times as wide as a single tile and be able to mix them up.

Does something exist that I can modify?

Also it would have to responsive so it works on all devices.

Many thanks.

Hey buddy, welcome to the forums.

What you want is really possible. But it will take some time to understand the editor. Therefore, I’ve made you an example, that you can clone, tweak and improve further.

note: I’ve used percentages to scale the boxes, this is somewhat distorted on some viewports. You can tweak and edit with custom code. I’ve done some minor tweaks:

<style>
        .block.block-3 {width: 32.8%;}
        .block.block-2 {width: 66.2%;}
        .block.block-3.block-2-last { margin-right: 0px; margin-left: 10px;}
    
    @media (max-width: 991px) {    .block.block-3 {width: 32%;}}
    @media (max-width: 767px) { .block.block-3.block-2-last { width: 31%;   height: 29vw;}}
</style>

Have fun!

Many thanks Diu, that is exactly what I am looking for :grinning:

1 Like