Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<div class="p-2 p-md-4 p-lg-5 bg-info text-white"> Padding increases at each breakpoint </div> <div class="mt-3 mt-lg-0 mb-3 mb-lg-5"> Different vertical margins on mobile vs desktop </div> <div class="d-flex flex-column flex-md-row gap-2 gap-md-4"> <div class="p-3 bg-light">Item 1</div> <div class="p-3 bg-light">Item 2</div> </div>
Result
Open