Flexbox example Article vit0rr
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
<link rel="stylesheet" href="style.css"> | |
</head> | |
<body> | |
<header>Flexbox examples</header> | |
<div class="flexbox-example"> | |
<div class="example"> | |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam architecto ipsum quisquam vel excepturi eaque | |
doloremque et eos fugit saepe. | |
</div> | |
<div class="example">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque impedit eveniet qui | |
aperiam facilis dolorum libero, esse necessitatibus in ab!</div> | |
<div class="example">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem rerum delectus minima | |
corporis sint eum debitis nulla! Ut, ex totam?</div> | |
</div> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* { | |
padding: 0px; | |
margin: 0px; | |
} | |
header { | |
text-align: center; | |
background-color: rgba(27, 27, 153, 0.726); | |
color: white; | |
padding: 30px; | |
font-size: 25px; | |
} | |
.example { | |
background-color: green; | |
color: white; | |
font-weight: bold; | |
margin: 5px; | |
padding: 10px; | |
font-size: 20px; | |
} | |
/* .flexbox-example { | |
display: flex; | |
} */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment