A
King with no crown
Всем доброе утро!У меня такая проблема-у меня не отображаются геометрические фигуры в браузере.Если кто-то сталкивался с подобной проблемой(и решил её) -отпишите ,пожалуйста.Быть может проблема с кодом-подскажите ,пожалуйста.Код прилагается:
-Html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<!-- Отображаемое тело страницы -->
<body>
<div class="wrapper">
<div class="block">
<div class="block_item">
<div class="square"></div>
</div>
<div class="block_item">
<div class="circle"></div>
</div>
<div class="block_item">
<div class="rectangle"></div>
</div>
<div class="block_item">
<div class="oval"></div>
</div>
</div>
</div>
</body>
</html>
-Scc:
*,*:before,*:after{
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
}
html,body{
height: 100%;
}
.wrapper{
}
.block{
padding: 50px;
max-width: 1170px;
margin: 0px auto;
}
.block__item{
margin: 0px 0px 30px 0px;
}
.square{
width: 150px;
height: 150px;
background-color: green;
}
.circle{
width: 150px;
height: 150px;
background-color: green;
border-radius: 50%;
}
.rectangle{
width: 300px;
height: 150px;
background-color: green;
}
.oval{
width: 300px;
height: 150px;
background-color: green;
border-radius: 50%;
}
-Html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<!-- Отображаемое тело страницы -->
<body>
<div class="wrapper">
<div class="block">
<div class="block_item">
<div class="square"></div>
</div>
<div class="block_item">
<div class="circle"></div>
</div>
<div class="block_item">
<div class="rectangle"></div>
</div>
<div class="block_item">
<div class="oval"></div>
</div>
</div>
</div>
</body>
</html>
-Scc:
*,*:before,*:after{
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
}
html,body{
height: 100%;
}
.wrapper{
}
.block{
padding: 50px;
max-width: 1170px;
margin: 0px auto;
}
.block__item{
margin: 0px 0px 30px 0px;
}
.square{
width: 150px;
height: 150px;
background-color: green;
}
.circle{
width: 150px;
height: 150px;
background-color: green;
border-radius: 50%;
}
.rectangle{
width: 300px;
height: 150px;
background-color: green;
}
.oval{
width: 300px;
height: 150px;
background-color: green;
border-radius: 50%;
}
Не решил? У тебя вроде нет content: "" у псевдоэлементов
