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

This website is created using HTML, CSS and SAAS as a preprocessor

@johnrookie-coder

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is highly appreciated for me to grow as a frontend developer. Thanks.

Community feedback

Rayane 1,935

@RayaneBengaoui

Posted

Hello johnrookie-coder,

Congrats for completing the challenge ! 😁

I'd like to suggest :

  • Adding cursor: pointer to your buttons so they look clickable.

  • If you look carefully to the design, your h2 color and button background-color should not be totally white. Same with the text that has not a full opacity

Overall, well done for the challenge and happy coding ! 😃

0

@johnrookie-coder

Posted

@RayaneBengaoui Thank you very much for your feedback and suggestion. As for the color I intentionally made it full white to increased the color contrast.

0
bimalmagar 380

@bimalmagar10

Posted

Hey! John, You did a great job building it.It would be more polished and better if you had used some css transitions in the 'learn more' button.Overall the design looks responsive.Happy Coding!

0

@johnrookie-coder

Posted

@bimalmagar10 Thank you for your feedback, as of this moment I have little knowledge about the CSS transitions but I will made sure to learn that in the future.

0
bimalmagar 380

@bimalmagar10

Posted

@johnrookie-coder Okay! Happy Coding!

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