Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week
Source: www.amitmerchant.com
How to create a two column layout using Flexbox in CSSCategory: PHP, javascript
A blog on PHP, JavaScript and more Amit Merchant · August 9, 2020 · ⋆ CSS This blog has got this two-column layout which houses host of different things for different purposes.
In my case, I’ve set the width of left column to 75% of the entire window and 25% for the right column.
You can make this layout responsive for mobile devices by changing the flex-direction of the container to column which will stack the columns on top of each other and set the width of both the columns to 100%.
See the Pen Two column layout (Responsive) by Amit Merchant (@amit_merchant) on CodePen.» Share:Twitter, Facebook, Hacker News
In my case, I’ve set the width of left column to 75% of the entire window and 25% for the right column.
You can make this layout responsive for mobile devices by changing the flex-direction of the container to column which will stack the columns on top of each other and set the width of both the columns to 100%.
See the Pen Two column layout (Responsive) by Amit Merchant (@amit_merchant) on CodePen.» Share:Twitter, Facebook, Hacker News
Newsletter
Glimpse
Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge.
Community Partners
Laravel/PHP Careers