Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Adam Argyle
En este codelab, te prepararás para compartir y mostrar tu forma favorita de centrar en CSS.
Consulta la entrada de mi blog Centering in CSS (Cómo centrarse en CSS) para obtener información sobre 5 de mis formas favoritas de centrarme en CSS. ¡O bien, mira este video!
Configuración
Haz clic en Remix to Edit para que el proyecto sea editable.
Abrir app/index.html
En line 23, reemplaza /* your centering CSS here /* por tu CSS.
(Opcional) Asigna un nombre a la técnica de centrado y reemplaza el texto en <h1>.
Estilos
Crea un archivo nuevo en la carpeta app/css/
Crea un selector para mantener tu solución de centrado, como .turbo-center o [floaty-mcfloat].
Dentro de ese nuevo selector, escribe tu técnica de centro (siéntete libre de mirar el otro en app/css/ como ejemplos).
(Opcional) Escribe algunos "estilos de compatibilidad" para que podamos ver qué elementos secundarios necesitan estilos para centrar la atención
Abre app/css/index.css e importa el archivo nuevo en la parte inferior.
Organiza todo
Volver a abrir app/index.html
Busca el <article> y asígnale el selector personalizado que creaste en el paso 2 de la sección anterior.