Answers for "container flexible css"

7

flex box in css

<!--basic--flex--layout-->
<html>
	<head>
		<style>
			.parent{
              display:  flex or inline-flex;
              flex-direction: row  or column;
              flex-wrap: wrap or wrap-reverse;
 			}
		</style>
	</head>
	<body>
		<div class="parent">
			<div class="child-1"></div>
			.
			.
			.
		</div>
	</body>
</html>
Posted by: Guest on April-26-2020
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

Browse Popular Code Answers by Language