Skip to content
Submitted about 2 years ago

Css properties,flexbox, Sass, html and javaScript

Farouk Mustapha•230
@Farouk-ayo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Space tourism multi-page website
  • HTML
  • CSS
  • JS
3intermediate

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
    @md5daltonPosted about 2 years ago

    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 Mustapha•230
    @Farouk-ayoPosted about 2 years ago

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

    1

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