Como centralizar uma div?

Olá!

Criei uma ferramenta web para ajudar devs que possuem dificuldade com o famigerado alinhamento com CSS. Como está em fase inicial, atualmente ela é bem básica e possui algumas coisas a serem corrigidas, mas creio que já ajuda um pouco. Ela é bem prática de se utilizar.

Espero que gostem! Ficarei grato com qualquer feedback ou sugestão.

Link: https://center-a-div.vercel.app

Landowskihá 5 meses

Tem também o famoso "margin: 0 auto" hehe

EduardoSsouzahá 4 meses
kkkkkk esse entra na metodologia go
4rthurhá 5 meses

Site muito massa é aquele tipo de coisa que é utilidade publica indepente do nivel de experiencia mas todos sabem que a melhor maneira de alinhar uma div é com a tag "<center.>" do html...

ChinesCaolhohá 5 meses
Funciona? Sim, mas está obsoleto 😔 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center
joaotorvitorhá 5 meses

Uma otima ferramenta para quem nao tem pratica alinhando elementos no html, parabens Luiz!

Sugestao: Seria interessante se o usuario tivesse um exemplo de layout com o alinhamento selecionado lado a lado com o codigo.

luizhf42há 5 meses
Valeu, João! To pensando em colocar isso mesmo, junto com uma explicação sucinta do código. Vou tentar adicionar isso em breve
tbuzattohá 5 meses

Interessante, uma vez que facilita até mesmo o conhecimento do código.

luizhf42há 5 meses
Sim! To pensando de implementar também uma breve explicação, ao final, do que exatamente aquele código está fazendo, pois em alguns casos não fica muito claro (principalmente nos de dialog, com o `position: fixed;` e `inset`). Verei em breve
tbuzattohá 5 meses
bacana, assim agrega valor 2x
arielnunesshá 5 meses

utilidade pública kkkkkkk vou aderir

renanphilipehá 5 meses

Que massa!

thiagolfthá 5 meses

Que incrível esse projeto mano!!