Skip to content
Submitted over 1 year ago

Planets Fact Site

Manish Patel•730
@savvystrider
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Planets fact site
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I had a lot of fun with this challenge, despite it being, well, challenging...

I am having a bit of a problem with the image overlay leaving behind an outline after being clicked. I tried setting its background color to transparent and that doesn't seem to help.

I would appreciate any feedback whatsoever on this project. I'm still fairly new to coding and have a lot to learn.

Community feedback

  • FrontendBy-GJ•430
    @FrontendBy-GJPosted over 1 year ago

    Hey Manish, the outline you speak of only appears in safari browser. No other browser leaves an outline. Don't know if this will fix the problem, but try giving the image container border-style: none or outline-style: none. If that doesn't work, apply the border/outline styles and set them to none to the images.

    Marked as helpful
    1
    Manish Patel•730
    @savvystriderPosted over 1 year ago

    @Garcia-Jr Thank you! I’ll give it a shot.

    0

Please log in to post a comment

Log in with GitHub

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