Answers for "what's display : flex do"

CSS

83

css flexbox syntax

Display: flex 
Flex-direction: row | row-reverse | column | column-reverse
align-self: flex-start | flex-end | center | baseline | stretch
justify-content: start |  center | space-between | space-around | space-evenly

Posted by: Guest on October-21-2020

Source

0

css flexbox

<style>
			.container {
				display: flex;
				flex-direction: row;
				column-gap: 2rem;
			}

			.box {
				background: yellow;
				width: 6rem;
				height: 6rem;
			}
		</style>	



		<div class="container">
			<div class="box">1</div>
			<div class="box">2</div>
			<div class="box">3</div>
			<div class="box">4</div>
		</div>

Posted by: Guest on April-21-2022

Code answers related to "what's display : flex do"

Code answers related to "CSS"

CSS Answers by Framework

Browse Popular Code Answers by Language

Python

Javascript

Whatever

Shell/Bash

CSS

Html

PHP

SQL

Java

C#