Build an Eqal Size Column Layout Using Flex-Box | Layout Pattern-1

FlexBox Youtube Series

Lanka Rathnayaka
2 min readOct 27, 2023

Hi guys, This is the reference code for one of my Flexbox video series on YouTube.

This Video will tech you on how to create a layout with equal size columns regardless of the content inside.

We will be building some awesome stuff from HTML/CSS to React/NextJs Fullstack projects.

Have a look at my channel and make sure you Subscribe
🚩 My Channel and Subscribe — http://bit.ly/3QnESnI

Video With Code explanation

Expected Output-

Below are the html css code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link…

--

--

Lanka Rathnayaka
Lanka Rathnayaka

Written by Lanka Rathnayaka

Founder of The Full Stack Project https://www.youtube.com/@thefullstackproject and a Full-stack developer

No responses yet