Button alignment

Asked

Viewed 41 times

-1

inserir a descrição da imagem aquiI am doing an integrative project of SENAI that I am attending, and my site is based on the game The Division 2.

I want to align the buttons of the last news but I’m not getting, I would like to align everyone horizontally to be in the same line, to then hit the other settings, as I’m new to this I’m having difficulties. If anyone can help me I’d appreciate it!

This is the part I’m talking to

<section class="sessao">
  <div class="container d-flex flex-column">
    <h1 class="titulonoticias">ULTIMAS NOTÍCIAS</h1><hr>
    <div class="row">
      <div class="col">
        <h2>PASSE DE TEMPORADA</h2>
        <p>Adiquira o passe de temporada para ganhar itens exclusivos!</p>
        <a href=""><button class="btn align-self-end">LEIA MAIS!</button></a>
      </div>
      <div class="col order-5">
        <h2>NOTAS DO PETCH 1.0</h2>
        <p>O petch 1.0 esta no ar, veja as mudanças de balanceamento do jogo</p>
        <a href=""><button class="btn">LEIA MAIS!</button></a>
      </div>
      <div class="col order-1">
        <h2>FAÇA PARTE DA COMUNIDADE!</h2>
        <p>Muitos jogadores procuram pelos melhores armamentos! Faça parte você também!</p>
        <a href=""><button class="btn">LEIA MAIS!</button></a>
      </div>
    </div>
  </div>
</section>

Follow the link to the complete codes for evaluation.

Link to the CSS

Html link

I’d appreciate it if someone would help me!!!

  • These shifts of button positions, is due to breaking paragraphs, number of texts and the class included "btn align-self-end" on one of the buttons, I suggest you see the Basic concepts of flexbox can help you with the organization of these panels.

  • First of all, see how to create a [Mre] so you can elaborate a good question, and, the chances of it being closed are reduced!

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.