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

Css properties,flexbox, Sass, html and javaScript

@Farouk-ayo

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


GoodDay everyone, Please i'd like to ask how to prevent the white background flickering that shows up just before a new html page shows up across the site.

Community feedback

Md5 dalton 1,430

@md5dalton

Posted

Hello Mustapha 👋

This is an issue that you are going to come around multiple times in websites that use dark background colors, especially if you're implementing a dark mode theme toggle. But in this use case you don't plan on changing the background colors, so you're in luck, all you need to do is apply the dark background color in internal styles that you'll define in <head>:

<styles>
body {
    background-color: #000;
}
</styles>

Please note that you should use a color value (color name, RGB, HEX or HSL) and not use a CSS custom property defined in external styles otherwise it won't work as expected.

Good work on your solution by the way 👌

Marked as helpful

1

@Farouk-ayo

Posted

@md5dalton yh, that really helps, thank you👍.

1

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