Squared boxes all the same size
Hi!
I need to make 6 squared boxes with a light blue background an icon in the center-top and a centered text.
I've made with success those kind of boxes with "trailer box" but when I resize the page the text and the icon goes one over the other.
I tried to replicate the trailer boxes effect with column, sliding boxes, icon boxes and much more...
but all I had was 6 boxes with different height depending on text.
How can I manage to have 6 boxes all the same size?
Thank you
I need to make 6 squared boxes with a light blue background an icon in the center-top and a centered text.
I've made with success those kind of boxes with "trailer box" but when I resize the page the text and the icon goes one over the other.
I tried to replicate the trailer boxes effect with column, sliding boxes, icon boxes and much more...
but all I had was 6 boxes with different height depending on text.
How can I manage to have 6 boxes all the same size?
Thank you
Comments
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks
here you can find what I'd like to get (but when I resize the page the text and icons are going one over the other https://pasteboard.co/GY1Wkh6.png)
http://www.rlwebdesign.it/delios/dls/
here you can find some test I'm doing with column containing text and the background with icon on the wrap https://pasteboard.co/GY1WVZn.png
[divider height="50"]
This will make sure that the text will not go on top.
You will have a hard time keeping the boxed square-shaped on mobile devices.