Horje
css flexbox Code Example
flexbox 
<div class="d-flex align-items-start">...</div>
<div class="d-flex align-items-end">...</div>
<div class="d-flex align-items-center">...</div>
<div class="d-flex align-items-baseline">...</div>
<div class="d-flex align-items-stretch">...</div>
Source: getbootstrap.com
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
Source: nethub.af
display flex 
{
	display: fixed;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
Source: flexbox.help
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>
css flexbox 
<div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>


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
display in flexbox 
/*This defines a flex container; inline or block depending on the 
given value. It enables a flex context for all its direct children.*/

.container {
  display: flex; /* or inline-flex */
}

/*Note that CSS columns have no effect on flex container*/
Source: css-tricks.com



Css

Related
css basics Code Example css basics Code Example
nmap output ip only Code Example nmap output ip only Code Example
transition syntax css Code Example transition syntax css Code Example
change font size on large screen resolution bootstrap Code Example change font size on large screen resolution bootstrap Code Example
ohmyzsh shortcut to oepn folder with vscode Code Example ohmyzsh shortcut to oepn folder with vscode Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 9



 

Horje