<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div class="item-wrapper">
<div class = "item-wrapper2">
<div class="item-logo">
<img src="img/headphones.png" alt="">
</div>
<div class="item-descp">
<p class="item-name">Наушники Beats</p>
<p class="item-des">Накладные наушники с микрофоном, поддержка iPhone, регулятор громкости, разъём mini jack 3.5 mm, длина провода 1.361 м, вес 205 г, складная конструкция</p>
<p class="item-nameprice">Цена</p>
<p class="item-price">1 999 р.</p>
<div class = "btn-additem">
<p>Положить в корзину</p>
</div>
</div>
</div>
</div>
</body>
</html>
* {
box-sizing: border-box;
}
.item-wrapper {
width: 1200px;
height: 675px;
margin: 0 auto;
}
.item-wrapper2 {
width: 1010px;
height: 503px;
margin: 86px 95px;
border: 1px solid #d7d7d7;
background-color: #ffffff;
}
.item-logo{
display: inline-block;
width: 376px;
height: 375px;
margin: 64px 586px 64px 48px;
}
.item-name {
width: 178px;
height: 22px;
color: #2f2f2f;
font-family: "Arial - Bold MT";
font-size: 23px;
font-weight: 400;
}
.item-descp{
display: inline-block;
}
.item-des {
width: 393px;
height: 50px;
color: #2f2f2f;
font-family: "Arial MT";
font-size: 15px;
font-weight: 400;
}
.item-nameprice {
width: 35px;
height: 14px;
color: #2f2f2f;
font-family: "Arial MT";
font-size: 15px;
font-weight: 400;
}
.item-price {
width: 103px;
height: 28px;
color: #2f2f2f;
font-family: "Arial MT";
font-size: 30px;
font-weight: 400;
}
.btn-additem {
width: 252px;
height: 50px;
background-color: #ec744a;
}
.btn-additem p {
width: 174px;
height: 18px;
margin: 16px 39px;
color: #ffffff;
font-family: "Arial MT";
font-size: 19px;
font-weight: 400;
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.