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

Results Summary - SASS, Bootstrap, Flexbox

@arrejoria

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


Results Summary es mi segundo trabajito con Frontend Mentor, estoy bastante contento con esta plataforma ya que pude descubrir su potencial realizando algo un poco más interesante que una maquetación.

Estuve pensando mucho en poner en practica este proyecto y subsiguientes con React pero siento que me voy a robar mucho tiempo comenzando desde el inicio con otra tecnología.

Seguiré impulsado por javascript puro, le tengo el ojo a Laravel con estos proyectitos 😁

Cualquier feedback será recibido con brazos abiertos y mucho agradecimiento.

Un abrazo!

Community feedback

P

@DeyanTopalov

Posted

Hi There!

Very nice solutions, congratulations!

Few notes on the code, that might seem interesting for you: This is part of a design, so you can play and test CSS custom variables. Some of the benefits are:

  • less repetition;
  • more clean code;
  • if the design theme changes, it is easy to update just few variables on the top and then the changes will be applied to all the places that are using them.

Another thing that may interest you is using :is(), :where() for the cases where you have multiple selectors sharing the same rule set. There are some interesting videos from Kevin Powell.

Overall great solution and a job well done!

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