flexbox practice excercises

Excercidades de práctica de FlexBox

Creé este repositorio con la intención de practicar cuánto de Flexbox he dominado para crear diseños y componentes de estilo utilizando el CSS Flexbox.

A mitad de camino pensé por qué no permitir que otros desarrolladores también muestren su dominio de FlexBox.

Cómo contribuir

1. Bifurcar el repositorio
2. Cree una nueva carpeta en el directorio raíz y agregue sus archivos de proyecto FLEX allí.
3. Una vez que haya terminado su proyecto, agregue el enlace a su archivo de proyecto en el archivo root index.html utilizando el siguiente formato.

...

< li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights
  </ a >
</ li >

...

¡¡¡PRECAUCIÓN!!! : Asegúrese de no agregar una barra de reenvío ( /) al comienzo del enlace HREF, de lo contrario, el enlace a su proyecto no funcionará!

4. Puede agregar su nombre al final del enlace para que otros puedan saber que creó el proyecto o buscarlo, por ejemplo,

 < li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights - John Mwendwa
  </ a >
</ li >

5. Intente usar solo FlexBox para sus diseños y diseñar para ver cuánto lo ha reunido.

6. Si también desea mostrar su dominio de la cuadrícula CSS, consulte mi otro repositorio en la cuadrícula de CSS y asegúrese de contribuir aquí https://github.com/johnmwendwa/grid-practice-excercises

7. ¿No olvides protagonizar el repositorio?

Palabra para los diseñadores!

Si tiene un ojo extremadamente bueno para el diseño, puede alterar el estilo de raíz.css Stylesheet. Aunque todas sus alteraciones no siempre se garantiza que se fusionen, siempre vale la pena el esfuerzo.

Demostración en vivo

https://johnmwendwa.github.io/flexbox-practice-excercises