css
Data utworzenia: 2025-04-14 08:53:28
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: sans-serif;
font-size: 24px;
background-color: #222;
color: white;
}
nav {
display: flex;
width: 100%;
height: 60px;
background-color: rgb(66, 66, 66);
text-align: center;
justify-content: flex-end;
}
nav ul {
display: flex;
text-decoration: none;
}
li {
margin: auto 20px;
list-style-type: none;
}
a {
text-decoration: none;
color: #ebebeb;
text-shadow: 1px 1px 0 black;
}
header {
display:flex;
flex-direction: column;
text-align: center;
width: 100%;
height: 1000px;
background-image: url(aparat.jpg);
background-size: cover;
}
header h1 {
display: flex;
justify-content: center;
justify-items: center;
}
section{
width: 90%;
margin:20px auto;
height: 700px;
display:flex;
flex-wrap: wrap;
}
.image{
margin:10px;
width: 30%;
height: 60%;
background-color: #fff;
display:flex;
}
.image1{
background-image: url(./obraz\ 1.jpg);
background-size: cover;
}
.image2{
background-image: url(./obraz\ 2.jpg);
background-size: cover;
}
.image3{
background-image: url(./obraz\ 3.jpg);
background-size: cover;
}
.image4{
background-image: url(./obraz\ 4.jpg);
background-size: cover;
}
.image5{
background-image: url(./obraz\ 5.jpg);
background-size: cover;
}
.image6{
background-image: url(./obraz\ 6.jpg);
background-size: cover;
}
.image_text{
width: 100%;
height: 40px;
background-color: #2b2a2ad8;
padding: 10px;
}
Powrót