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

Responsive Website make of using HTML ,CSS & BOOTSTRAP.

#bootstrap
haldarmanikโ€ข 60

@haldarmanik

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Why white blinking when click navigation bar link ?

Community feedback

Jesse Ohanugoโ€ข 110

@J-e-s-se

Posted

Just set your background to a dark color.

0

Harshโ€ข 210

@HarshPrateek559

Posted

@J-e-s-se Great!! glad it worked.

0
Harshโ€ข 210

@HarshPrateek559

Posted

You are not alone with that white flash problem. Everyone who attempted this project experienced this problem. I also could not find how to fix it, although I do know why it happens.

It happens because when your website is loaded for the first time, it has to load all the images and other assets. When this happens for the first time, the assets are loaded a little later than the body of the web page, thus what appears as a white flash is just the white body of the webpage which is covered by the background image as soon as it gets loaded.

I would advise you to not get into that stuff. Your website is already looking pretty neat, what you can do instead is make the website with React so that it does not reload every time a link is clicked. It would be a great upgrade and could very well become your first step in Javascript Frameworks.

You can also make the buttons round in CSS if you like with the border-radius of 50%, and make the height and width of the buttons equal. I would look much better that way and would be way closer to the original design.

Hope these suggestions would help๐Ÿ˜Š.

0

Jesse Ohanugoโ€ข 110

@J-e-s-se

Posted

@HarshPrateek559 I set my background to the dark color included in the designs. This makes the page look better prior to loading the assets.

0
haldarmanikโ€ข 60

@haldarmanik

Posted

@HarshPrateek559 Nice Information . This advise really helpful for me.

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