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

I am use plain html and css

@edgarfb

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


Greetings! How can I fix the little purple line that was left under the image?

Community feedback

Millz 530

@Brezus

Posted

hey i had that problem to just set the image to display block and that will get rid of it

1

@edgarfb

Posted

Hi @Brezus Thanks for the tip. I will test it in my code.

0

@Heitoluis

Posted

Hi Edgar, I had a similar issue. I solved it by using "margin-bottom: -4px;". With the negative margin, instead of pushing the box for more space, it will suck the adjacent element, covering the purple line.

1

@edgarfb

Posted

Hi there @Heitoluis. Thanks I will try your solution. That purple line looks realy ugly :(

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