Solucionado
<body>
<div>
<ul>
</ul>
</div>div{
width: 1000px;
height: 1000px;
display: block;
position:center;
background-color: green;
}
ul{
width: 10px;
height: 10px;
background-color: red;
}A ideia e fazer um grande quadrado e varios outros menores dentro, porem quando criei apenas um ele ficou retangular, e nao sei por que.
Oi Paulo, tudo bem?
Recomendo fazer a Carreira Desenvolvedor Front-end inteira, mas foque bastante atencao nos primeiros dois cursos.
Fiz mais ou menos esse desafio que voce tentou fazer aqui nesse Jsbin. Mudei um pouco o HTML, ok?
Repare que nao foi preciso nenhum position. O truque foi colocar a forma de exibicao das LI que estao dentro da UL como inline-block.
Espero ter ajudado,
Abcs!