delikarga
Kilopat
- Katılım
- 30 Temmuz 2019
- Mesajlar
- 1.961
- Çözümler
- 27
HTML:
<!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>delikarga</title>
<style>
.container {
margin: 0 20%;
}
.first-section {
display:flex;
gap:10px;
background-color:orange;
padding:20px;
}
.first-section > .first-box {
flex:1;
height:200px;
background-color:green;
}
.first-section > .second-box {
flex:2;
height:200px;
background-color:purple;
}
.second-section {
background-color: purple;
margin:10px 0;
height:40px;
}
.third-section{
display:flex;
gap:10px;
background-color:purple;
padding:20px;
}
.third-section > div{
border-radius:9px;
background-color:green;
height:200px;
}
.third-section > .first-box {
flex:1;
}
.third-section > .second-box {
flex:2;
}
footer {
height:40px;
margin-top:10px;
background-color:orange;
}
</style>
</head>
<body>
<div class="container">
<div class="first-section">
<div class="first-box"></div>
<div class="second-box"></div>
</div>
<section class="second-section"></section>
<section class="third-section">
<div class="first-box"></div>
<div class="second-box"></div>
</section>
<footer></footer>
</div>
</body>
</html>SS:
