Why flexbox don't merge these collumns?

Developer
Acemir Sousa Mendes
Size
1,651 Kb
Views
60,720
  1. Why flexbox don't merge these collumns? Previews
  2. Why flexbox don't merge these collumns? HTML Codes
  3. Why flexbox don't merge these collumns? CSS Codes

How do I make an why flexbox don't merge these collumns??

Trying to merge two collumns into one with flexbox. I works with . What is a why flexbox don't merge these collumns?? How do you make a why flexbox don't merge these collumns?? This script and codes were developed by Acemir Sousa Mendes on 10 August 2022, Wednesday.

Why flexbox don't merge these collumns? Previews
IQ Test

Why flexbox don't merge these collumns? - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Why flexbox don't merge these collumns?</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <table> <tr class="flag"> <td class='col1 green'></td> <td class='col2 yellow'></td> <td class='col2 red'></td> <td class='col1 green'></td> </tr>
</table>
<br>
<div class="flag"> <div class='col1 green'></div> <div class='col2 yellow'></div> <div class='col2 red'></div> <div class='col1 green'></div>
</div>
</body>
</html>

Why flexbox don't merge these collumns? - Script Codes CSS Codes

.flag{ position:relative; display:flex; flex-flow:column wrap; width:200px; height:150px; border:2px solid black;
}
table, tbody { width: 200px;
}
.green{background:green;}
.yellow{background:yellow;}
.red{background:red;}
.col1{width:20%;height:100%;}
.col2{width:60%;height:50%;}
Why flexbox don't merge these collumns? - Script Codes
Why flexbox don't merge these collumns? - Script Codes
Home Page Home
Developer Acemir Sousa Mendes
Username acemir
Uploaded August 10, 2022
Rating 3
Size 1,651 Kb
Views 60,720
Do you need developer help for Why flexbox don't merge these collumns??

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Acemir Sousa Mendes (acemir) Script Codes
Name
Shrinking Triangles
Atom
CSS animation syntax tests
Fading trail test with pixijs
A Pen by Acemir Sousa Mendes
CSS Gradient hover buttons
Clip fixed element test
Visual Identity Exercise
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!