Continuando a discussão do Minha div nao aparece no site:
Ainda assim nao resolveu :c vou colocar tudo que fiz no INDEX e CSS espero que nao fique muito confuso.
<body>
<!--Logo---->
<div class="cabeçalho">
<img class=logo src="Imagens/loja.jpg">
</div>
<!--Logo--->
<!--MENU----->
<div class="menu">
<ul>
<li><a href=""> Home </a></li>
<li><a href=""> Produtos </a></li>
<li><a href=""> Manutenções </a></li>
<li><a href=""> Quem Somos </a></li>
<li><a href=""> Localização </a></li>
</ul>
</div>
<!------------------------------------------------->
<div class="container">
<div class="img-wraper">
<div class="img"> </div>
</div>
<div class="img-wraper">
<div class="img"> </div>
</div>
<div class="img-wraper">
<div class="img"> </div>
</div>
<div class="img-wraper">
<div class="img"> </div>
</div>
</div>
</body>
</html>
CSS
* { /* Asterisco reseta dimensoes de todo o documento */
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,body {
height: 100%;
background-color: #dc3437;
}
/* Padrao de formataçao da pagina cima, espaçamento e altura da pagina */
/* Logo da loja com faixa branca */
.cabeçalho {
height: 220px;
background-color:white;
}
.logo {
width: 220px;
display: block;
margin-left: auto;
margin-right: auto;
top: -12px;
position: relative;
}
a {
text-decoration: none;
color: white;
}
/* Logo da loja com Faixa branca */
/* -----------------------Menu -----------------------------*/
.menu {
position: relative;
width: 100%;
height: auto;
background-color: black;
text-align: center;
font-family: 'Merriweather', serif;
}
.menu li {
display: inline-block;
font-size: 20px;
padding: 12px;
}
.menu li:hover {
background-color: #b91f22;
}
/*---------------------------Menu----------------------------- */
/* Nao consigo colocar esta div a mais no site, ela nao aparece */
.container {
background-color: gray;
width: 400px;
border-width: 100px;
border-style: solid black;
height: 100px;
}