Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTM5, CSS3 & BEM

@J0SEED01

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@fullspam

Posted

1._ en el body - tienes agregadas las imagenes pero no estan posicionadas, respeta margin para el sitio.

2._ en article - tienes un background de color blanco que esta tapando las imagenes que agregaste en el body.

3._ en el titulo - respeta el font-size y line-height.

4._ en el parrafo - si te fijas en el UI el parrafo no es mucho mas largo que el titulo como si vivieran en el mismo contenedor, asi te ahorras el <br>, igual cuidar font-size y line-height y el margen entre el titulo y el parrafo.

5._ del lado de las estrellas - respeta los margin y padding.

6._ las cards - respeta los margin y padding si te fijas en el UI el titulo y parrafos principares (puntos 3 y 4) esta alineados a la con la tarjeta una linea vertical imaginaria, si te fijas en la tercera tarjeta estaba mas abajo en relacion a las segunda de la primera.

7._ contenido de las cards - respeta el tamaño de las images, respeta el font-size y line-height de los textos en general dentro de la tarjeta y respera los padding.

NOTA: me senti como mi jefa de UI jajajajajaja

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord