M365/test
< M365
Revision as of 09:27, 5 March 2023 by Thian.zanniatlaizo (talk | contribs)
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>