File:Screenshot HTML+CSS Grid 2024-09-16 170544.png
Summary
| Description |
Deutsch: Screenshot der Funktion von Grids in CSS. Hierbei werden 23 Boxen in einer Schachtel (div-Container) in einem Raster angeordnet. Dies wird durch das "grid" ermöglicht.
English: Screenshot of the function of grids in CSS. Here, 23 boxes are arranged in a box (div container) in a grid. This is made possible by the “grid”. |
| Date | |
| Source |
Phoenix Code
|
| Author | Arun Bose, Charly P Abraham, Kiran Bose, Devansh Agarwal, Jozsef, acemi1 |
| CSS-Datei: |
|---|
|
@font-face{ font-family: "AC";
src: url("../fonts/DOSFont.woff2") format("woff2");
} body{ font-family: "AC", sans-serif; /*font-size: xx-large;*/ } .container{background-color: crimson; padding: 20px; border-radius: 10Px; } .container div{ background-color: #00ff18; padding: 15px; border-radius: 15Px; margin: 15px; width: 60px; } .grid{ display: grid; /* grid-template-columns: 150px 200px 300px;*/ /* grid-template-columns: 150px 50% 10%;*/ grid-template-columns: 1fr 1fr 1fr 1fr; } |
| HTML-Datei: |
|---|
|
<!doctype html> <html lang="en"> <head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/style.css" />
<title>Title</title>
</head>
<body>
<header>
<nav></nav>
</header>
<main>
</main>
<footer></footer> </body> </html> |
Licensing
 |
This work is free software; you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation; either version 3 of the License, or any later version. This work is distributed in the hope that it will be useful, but without any warranty; without even the implied warranty of merchantability or fitness for a particular purpose. See version 3 of the GNU Affero General Public License for more details. |
Version 3 Category:Phoenix Code Category:Screenshots by PantheraLeo1359531 in 2024 Category:Windows 11 screenshots Category:HTML