Distortions in the flex layout

  • The layout was made in flex

    <div class="big"> <h3>ТИФФАНИ<br>ВИТРАЖ МАСКИ  СВЕТИЛЬНИКИ</h3>
    <p>Привет! Я Александр, создаю витражи в технике Тиффани, превращая кусочки стекла в истории, оживающие на свету.
 
Каждая моя работа — это не просто декор, а часть души, вложенная в уникальный дизайн.
 
Стремлюсь делать ваш мир ярче, добавляя цвет и свет в пространство вокруг.
 
В моем портфолио — от индивидуальных заказов до уникальных авторских работ.
 
Давайте вместе создадим что-то великолепное для вашего дома!</p>
  </div>
  <div class="small"><img src="https://skand.doctor10.net/wp-content/uploads/2024/04/at.jpeg" /></div>
  <div  class="mid">
      <div class="r1"><img src="https://skand.doctor10.net/wp-content/uploads/2024/04/kta.jpg" />
  
  </div>
    <div class="l1"><img src="https://skand.doctor10.net/wp-content/uploads/2024/04/at-lm-2.png" />
      
            </div>
      </div>
      
  </div><code>

    Everything looks fine
    when transferring to WordPress , the position and size of the images in blocks l1 and r1 are distorted. how to correct the layout?

    • This topic was modified 7 months, 2 weeks ago by intman1958.
    • This topic was modified 7 months, 2 weeks ago by intman1958.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @intman1958,

    I’ve reviewed your site and examined the codepen code. It appears that the H1,p, img tags etc are defined, and the Astra theme does apply styles to these tags, resulting in a layout mismatch. I’ve attached a screenshot for reference.

    To resolve this issue, please add a class to those tags and apply specific CSS to those classes.

    Additionally, I recommend trying to switch to another theme, such as Twenty Twenty-One, to see if the issue persists.

    Kind regards,
    Avinash

    Thread Starter intman1958

    (@intman1958)

    Hello, avi1020p .Thanks for the help. Did I understand you correctly that to solve the problem, for example, img
    you need to create a new class for example img-ast
    and for it specify the styles set by our theme?

    Hi @intman1958,

    To avoid conflicts, you can create your own unique class.

    If you need further assistance, feel free to ask.

    Kind regards,
    Avinash

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Distortions in the flex layout’ is closed to new replies.