Ответ:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="description" content="Выполненное задание." />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="theme-color" content="#fff" />
</head>
<body>
<style>
* {
box-sizing: border-box;
border: none; outline: none;
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: arial;
user-select: none;
main {
width: 100vw; height: 100vh;
display: flex;
.block {
flex-basis: 100%;
.center {
width: 100%;
.b1 {
background-color: #edd181;
.b2 {
width: 100%; height: 50%;
.b2, .b4 {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("ссылка на фото");
.b4 {
.b3 {
background-color: #d4b0fa;
</style>
<main>
<div class="block b1"></div>
<div class="center">
<div class="b2"></div>
<div class="b3"></div>
</div>
<div class="block b4"></div>
</main>
</body>
</html>
Copyright © 2024 SCHOLAR.TIPS - All rights reserved.
Answers & Comments
Ответ:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="description" content="Выполненное задание." />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="theme-color" content="#fff" />
</head>
<body>
<style>
* {
box-sizing: border-box;
border: none; outline: none;
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: arial;
user-select: none;
}
main {
width: 100vw; height: 100vh;
display: flex;
}
.block {
flex-basis: 100%;
}
.center {
width: 100%;
}
.b1 {
background-color: #edd181;
}
.b2 {
width: 100%; height: 50%;
}
.b2, .b4 {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("ссылка на фото");
}
.b4 {
background-image: url("ссылка на фото");
}
.b3 {
width: 100%; height: 50%;
background-color: #d4b0fa;
}
</style>
<main>
<div class="block b1"></div>
<div class="center">
<div class="b2"></div>
<div class="b3"></div>
</div>
<div class="block b4"></div>
</main>
</body>
</html>