Problem z wyrównaniem diva

Question

Witam, niestety nie przyszło mi do głowy sensowne nazwanie zaistniałej sytuacji, więc po prostu podam linki.

Jak widać na załączonym obrazku, div z ilustracją artykułu ustawioną jako tło oraz niebieskie divy w sidebarze pozostają nierówne w stosunku do innych mimo wszelkich operacji na nich wykonywanych (jak width 100% itd.).

http://wklej.org/id/2320317/ //html

http://wklej.org/id/2320318/ /css

Prosiłbym o radę w rozwiązaniu tegoż problemu.

Nie proszę za to o ocenę semantyki czy rozwiązań zawartych w projekcie gdyż jest to strona robiona na zajęcia, więc nie wszystko było robione super poprawnie i z sercem, tak jak przy prywatnych projektach :)

Pozdrawiam.

Answer 1

Na samym początku CSSa wrzuć: 

* {
  box-sizing: border-box;
}

Bez tego paddingi we wszystkich tytułach wychodzą poza kolumny.

Comments

Dziękuję bardzo.