The problem I have is that from the mobile are not aligned and I would like to know if there is any way that, when entering from a mobile appear one on top of another or adapt to the dimensions.

I used a “div Img class” to do that with the images but with the boxes I can not find how to do it.

The code I use for the boxes is:

<div style="width: 100%; margin: 0 auto;">
<div style="background-color: #575756; height: 50px; color: white; padding: 10px; width: 190px; margin: 0 10px 0 39px; float: left;">
<p style="text-align: center;">NOMBRE</p>
</div>
<div style="background-color: #575756; height: 50px; color: white; padding: 10px; width: 185px; margin: 0 50px 0px; float: left;">
<p style="text-align: center;">NOMBRE</p>
</div>
<div style="background-color: #575756; height: 50px; color: white; padding: 10px; width: 182px; margin: 0 0 0 8px; float: left;">
<p style="text-align: center;">NOMBRE</p>
</div>
</div>

1. View your webpage;
2. Right click on the page somewhere and press “View source
3. A new window will appear with all the code of your page. Copy all of that code
4. Go to CSSDesk.com and paste it into the “HTML” section
5. Press the “Share” button in CSSDesk
6. A new URL will appear to the left of the “Share” button, copy that URL and paste it here in this thread

We can then hopefully see your webpage without it going live.

@sterndata I know it’s hard to give me a solution without being able to see the page. But to see if I find how to do it, but, an alternative is that you peguéis the code that I have spent on a page of your WrodPress and modify the size of the browser to make it look like a mobile. I know it’s a mess to help me. I leave in link above how I have the squares.