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

Pagina usando css grid

SrPaisita 70

@SrPaisita

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hola, me encantaria recibir feedback por mi proyecto, lo realice primero en desktop y despues lo intente pasar a mobile pero no me quedo muy bien el responsive desing, me encantaria que me ayudaran con una solucion, Gracias.

Community feedback

@Robertron624

Posted

Hola!

El div '.cantainer-left' en mobile no deberia tener border-radius en los bordes superiores, deberia ser: 'border-radius: 0 0 20px 20px;'

Te recomiendo que para mobile que le coloques un display:flex y un flex-direction: column al contenedor '.card-right' y le coloques align-items: center para centrar el boton (El boton no es del color correcto).

A los elementos de summary (los de diferentes colores) les hacen falta los iconos, ademas considero que el border-radius de los mismos es menor (5px diria yo).

Tanto los elementos de colores como el botón deberian tener un poco mas de padding-top y padding-bottom para hacerlos un poco más altos.

Creo que esos son las observaciones que he logrado ver.

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