six column flex layout – Webers Testseite

Hello

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Hello

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hello

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Hello

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hello

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hello

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

#top .flex-six .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
    
}

#top .flex-six .entry-content-wrapper:before,
#top .flex-six .entry-content-wrapper:after {
  display: none;
}

#top .flex-six .entry-content-wrapper .flex_column  {
  width: unset !important;
  flex: 0 1 calc(100% / 6 - 20px);
  text-align: left;
  box-sizing: border-box;
}

@media (max-width: 989px) {
  #top .flex-six .entry-content-wrapper .flex_column {
    flex: 0 1 calc(100% / 3 - 20px); 
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  #top .flex-six .entry-content-wrapper .flex_column {
    flex: 0 1 calc(100% / 2 - 20px); 
  }
}

@media (max-width: 479px) {
  #top .flex-six .entry-content-wrapper .flex_column {
    flex: 1 1 100%; 
  }
}

Hello

Hello

Hello

Hello

Hello

Hello

Hello

Kontakt

Telefon

E-Mail