Archived topic
How made desktop / mobile adaptive line?
4 replies · Started by Volodymyr on February 22, 2023
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%;
}