Changes

92 bytes removed ,  22:28, 4 March 2023
no edit summary
Line 7: Line 7:  
}
 
}
   −
/* Create two equal columns that floats next to each other */
+
.row {
 +
  display: flex;
 +
}
 +
 
 +
/* Create two equal columns that sits next to each other */
 
.column {
 
.column {
   float: left;
+
   flex: 50%;
  width: 50%;
   
   padding: 10px;
 
   padding: 10px;
 
   height: 300px; /* Should be removed. Only for demonstration */
 
   height: 300px; /* Should be removed. Only for demonstration */
}
  −
  −
/* Clear floats after the columns */
  −
.row:after {
  −
  content: "";
  −
  display: table;
  −
  clear: both;
   
}
 
}
 
</style>
 
</style>