Problema com width HTML | CSS
Boa tarde,
Segue meu html, css e print do que está acontecendo. Não era pros articles ficarem com 100px?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Projeto</title>
<link href="css\style.css" rel="stylesheet" />
</head>
<body>
<div id="conteudo">
<div id="menu">
menu
</div>
<div id="infos">
infos
</div>
<div id="produtos">
<div class="produtos">01</div>
<div class="produtos">02</div>
<div class="produtos">03</div>
<div class="produtos">04</div>
</div>
</div>
</body>
</html>
#conteudo{
background: #FFF;
widht: 850px;
height: 1000px;
}
#menu{
witdh: 850px;
height: 40px;
background: #333;
}
#infos{
witdh: 850px;
height: 600px;
background: #EFEFEF;
}
#produtos{
witdh: 350px;
height: 250px;
background: #FFF;
display: flex;
flex-direction: row;
flex-wrap: no-wrap;
justify-content: space-around;
}
.produtos{
witdh: 100px;
height: 245px;
background: #E9E9E9;
margin: 5px;
}
Discussão (3)
Carregando comentários...