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

HTML & CSS Stats Card

@lholcomb

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


Is there a better way to implement the color overlay on the graphic?

Community feedback

Mrchungus 30

@MrchungusCoder

Posted

The layout is well-done in the desktop screen, but there is a problem with the image in the phone screen, when I change it the image disappears. Don't give up you did a good job!

0

@lholcomb

Posted

@MrchungusCoder Thanks for taking the time to check it out. I believe I have it fixed now. 🤞

I've ran into issues using VS live server with devtools and toggling devices and it not being anywhere close to what it looks like by rendering a live link on my actual phone.

What workflow do you do for testing mobile?

0
Mrchungus 30

@MrchungusCoder

Posted

@lholcomb Sorry for the late respone, you can use the developer tools that your browser offers, you can watch them doing a right click over your page, then you select inspect; there you can find some options to modify the size of the screen.

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