Site logo

Archived topic

How made desktop / mobile adaptive line?

4 replies · Started by Volodymyr on February 22, 2023

Viewing posts 1–5 of 5

Previously, this code worked:

<div class="grid-container">
<div class="grid-35">Text 1 / or Img</div>
<div class="grid-65">Text 2</div>
</div>

How to do it correctly now? Please

Help please

Hi there,

As you are using the flexbox structure, the theme no longer has thegrid-35 built-in class.

Add this CSS:

.entry-content .grid-container {
    display: flex;
}

Remove the float:left;inline CSS.

Already better. But how to find a complete solution to the problem?) Thank you!!

The best option would be using blocks to create your pages.

If you do NOT want to use block, you can create your own CSS class, eg. add this CSS so you can use the classes for your HTML elements:

.grid-35 {
    width: 35%;
}
.grid-65 {
    width: 65%;
}
This archived topic is closed to new replies.