laura-313 / f1-3-c2p1-colmar-academy

0 stars 0 forks source link

make right side of panels 1,2, and 4 have width: 40% #4

Open elisementor opened 7 years ago

elisementor commented 7 years ago

the thesis section needs the same left-right ratio as the banner and practice sections

those 3 sections should have same structure; only the courses section diverges

here is one solution to use as repeating classes

/* Universal Component - Flex Content Container */

.flex-content {
  display: flex;
  padding: 0 1.5rem;
}

.flex-content .main-content {
  width: 60%;
  padding: 2rem 1.5rem 2rem 0;
  border-right: 1px solid rgb(245, 245, 245);
}

.flex-content .supporting-content {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 2rem 0;
}

so

.thesis-events {
  display: flex;
  flex-direction: column;
   width:40%;
}

https://github.com/laura-313/f1-3-c2p1-colmar-academy/blob/master/colmar-academy-final/resources/css/style.css#L108