How to align buttons in different divs

Question

How to align buttons in different divs

Navigation

#1 by (0 votes)

0

Good I have a small problem I want to align the buttons of "See Article"

The problem comes when the title of the note is extensive and covers 2 or 3 lines.

When in a row there is pure article of 2 lines it is fine but if there is one of 2 lines and two of 3 lines the button is uneven.

How can I make the button always stay fixed all the way down.

This is the script I use to format the entries

[! [enter the description of the image here] [1]] [1]

<!-- Este div hace que los articulos se dividan en 3 -->
          <div class='uk-width-large-1-3 uk-width-medium-1-1' style= 'padding-bottom: 25px;'>
           <!--Agarra la imagen del URL y la pone de contenido-->
              <a class='cs-hover-effect' href='#'>
                  <img class='uk-width-medium-1-1' src=''/></a>
              <div class='cs-article-summary'>
               <!-- Agarra el titulo del URL y lo despliega-->
                  <a class='cs-hover-effect' href='#'>
                      <h4 class='cs-article-summary-title cs-font-roboto cs-color-text-2 uk-text-bold'></h4>
                  </a>
                   <!-- Muestra las primeras 15 palabras del articulo -->
                  <a class='cs-hover-effect' href='#'>
                      <h5 class='cs-font-roboto cs-color-text-3'></h5>
                  </a>
                   <!-- Boton para ir a ver articulo -->
                  <a class='uk-button cs-color-background-2 cs-color-text cs-font-roboto cs-button2 cs-hover-effect' href='#'>Ver Artículo</a>
              </div>
          </div>

.cs-button2 {
        margin-bottom: 20px;
        padding: 2px 20px;
        font-size: 13px;
        letter-spacing: 1px;
        text-transform: uppercase;
        float: left;
        }

css3

asked by JesusSnd_ 07.03.2018 в 20:18

source

1 answer

UPDATE Laravel from the view Download SoapClient file

score 0 · Accepted Answer

I can not see what you're doing well but I think it's something like this;

link

In short, it is a view of the articles. to the parent container, in your case, .uk-width-large-1-3 you put a minimum height, so all containers will have the same height regardless of the length of the title. (this can be achieved with javascript in case there is no fixed height)

.uk-width-large-1-3{
  position: relative;
  min-height: 300px;
}
.cs-button2 {
 /* tu css */
 position: absolute;
 bottom: 0;
}