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

Vanilla HTML and CSS

@Hostnik

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is welcome.

Community feedback

P
Jaydi 355

@ruedasjnthn

Posted

there a lot of things in my opinion that need to work on to improve your website

first using proper breakpoints especially on your mobile screen

u can use grid to improve your design

the typography need to be pleasing to the eyes and not breaking lines at some point

u can use mix-blend-mode: multiply the reduce the opacity of your image to 70% to match the set design in this challenge

Marked as helpful

0

@EdgarBadillo

Posted

Hi.

check responsive design in mobile screens.

Try to use background image: url() on a div to get a responsive image.

Sorry for my english.

Send me a message if you need help :D

Marked as helpful

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