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
ToastMail
Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future.
Community Partners
Laravel/PHP Careers