Depot43-Unterlagen - Grid Sandbox

HTML Elemente
            
            



<!doctype html>
<html lang="de">
<head>
  <meta charset=utf-8>
  <title>HTML5 Flex CSS - Grid Sandbox</title>
  <style>
body {
	font-size:2em;
	color: #fff;
}

.wrapper {
	  display: grid;
	  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.wrapper > * {
	  margin: 10px;
	  padding: 10px 20px;
	  background-color: rgb(200,0,0);
}
  </style>
</head>
<body>
<div class="wrapper">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
</div>
</body>
</html>


 

            