[Support request] How made desktop / mobile adaptive line?

[Volodymyr]

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

[Volodymyr]

Help please

[Ying]

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.

[Volodymyr]

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

[Ying]

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%;
}

[Author]

Posts