Como resolver o bug das telas maiores??
pessoal segue o codigo:
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
</head>
<body>
<style>
#receitas{
list-style: none;
width: 74.5%;
position: relative;
left: 2%;
margin: 0;
padding: 0;
top: 0px;
height: auto;
text-align: justify;
border: 10px solid black;
}
#receitas li{
width: 190px;
height: 190px;
display: inline-block;
background: red;
margin: 0 15px 15px 0;
position: relative;
left: 0;
top: 0;
}
#receitas:after {
content: '';
width: 74.5%;
display: inline-block;
}
</style>
<ul id="receitas">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
o problema deste codigo é quando esta em telas um pouco maiores, que la em baixo fica um li de um lado e outro do outro. como resolvo isso??Discussão (1)
Carregando comentários...