M365/test

From wiki
Jump to navigation Jump to search

Column 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend elit enim, non ultrices dolor scelerisque id. Integer auctor nunc purus, ac suscipit lectus tristique eu.

Column 2

Phasellus accumsan lobortis magna, a ultricies sapien hendrerit id. Vestibulum sed lorem id libero lobortis aliquam in vitae enim. Ut ornare dapibus velit, eget egestas enim bibendum ac.

Column 3

Curabitur vel neque vel tortor accumsan bibendum. Nullam a mauris ipsum. Nullam ullamcorper, mauris ac vehicula varius, turpis purus aliquet est, eget pretium odio urna eu enim.

 <style>
   .container {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
   }
   .column {
     flex-basis: calc(33.33% - 20px);
     margin-bottom: 20px;
   }
   .content {
     background-color: #f2f2f2;
     padding: 20px;
   }
   @media only screen and (max-width: 768px) {
     .column {
       flex-basis: 100%;
     }
   }
 </style>