Odpowiedź:
Model Blokowy
Wyjaśnienie:
HTML:
<!DOCTYPE html>
<html lang="pl">
<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>Model Blokowy</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<header></header>
<nav></nav>
<section></section>
</main>
</body>
</html>
CSS
* {
margin: 0;
padding: 0;
}
main {
width: 100vw;
height: 100vh;
header {
height: 10vh;
background: gray;
nav {
width: 20vw;
height: 90vh;
background: lightgray;
float: left;
section {
width: 80vw;
background: darkgray;
" Life is not a problem to be solved but a reality to be experienced! "
© Copyright 2013 - 2024 KUDO.TIPS - All rights reserved.
Odpowiedź:
Model Blokowy
Wyjaśnienie:
HTML:
<!DOCTYPE html>
<html lang="pl">
<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>Model Blokowy</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<header></header>
<nav></nav>
<section></section>
</main>
</body>
</html>
CSS
* {
margin: 0;
padding: 0;
}
main {
width: 100vw;
height: 100vh;
}
header {
width: 100vw;
height: 10vh;
background: gray;
}
nav {
width: 20vw;
height: 90vh;
background: lightgray;
float: left;
}
section {
width: 80vw;
height: 90vh;
background: darkgray;
float: left;
}