Skip to content

Latest commit

 

History

History
 
 

Reto-01

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
public
public
 
 
src
src
 
 
Readme.md
Readme.md
 
 
package.json
package.json
 
 

Readme.md

Periódico

OBJETIVO

  • Material UI
  • Grids

REQUISITOS

  • Tener Node instalado.

DESARROLLO

  1. Comenzar nuevo proyecto de React con el comando npx create-react-app reto1.

  2. Seguir las buenas prácticas para empezar un proyecto.

  3. Instalar la librería @material-ui/core.

  4. Crea un periódico con el siguiente esqueleto:

    • Todo debe ir encerrado en un <Container />.
    • Título centrado de 1 columna completa.
    • 4 fotos que cada 1 tome 1/4 en grande, 1/2 en pequeño y toda la columna en extra pequeño.
    • 2 parrafos justificados donde cada 1 tome 1/2 en mediado y toda en extra pequeño.
    • Subtítulo a la izquierda que tome toda la columna.
    • Opiniones que tomen 1/6 en grande, 1/4 en mediano, 1/3 en pequeño y 1/2 en extra pequeño.

  5. Puedes usar varios componentes para organizar las secciones.

  6. Mira la documentación oficial de <Grid /> por si necesitas.

  7. Resultado

❗Importante

Si no pudiste resolver el reto, no te preocupes,😉 en la parte superior del repositorio encontrarás los archivos con la solución para tu consulta, pero recuerda lo importante es que tú lo intentes primero. 🤓

Atrás