All comments

• 

  CreativeSam99• 30

  @CreativeSam99

  Submitted 8 months ago

  I encountered difficulty getting a mobile version of my navbar. I would appreciate it if anyone could share the technique that they used.

  

  Intro Section with dropdown navigation

  1

  40

  

  Angwenyi Ogata• 200

  @AngwenyiOgata

  Posted 8 months ago

  Hello @CreativeSam99

  Congratulations on finishing the challenge.

  To make responsive designs for different screens sizes you will need to use Media Query Breakpoints such as

  body{
      background-color: blue;
  }
  
  @media screen and (max-width: 600px) {
    body {
      background-color: lightblue;
    }
  }
  

  this will make the background of all screen sizes below 600px to light blue

  Or if you could wish to use mobile-fast CSS you use

    body {
      background-color: orange;
    }
  
  @media screen and (min-width: 600px) {
    body {
      background-color: red;
    }
  }
  

  This will change the background color to red if the device screen size is more than 600px.

  Hope this will be helpful to you.

  0
• 

  Johan Jubin• 90

  @Johan-Jubin

  Submitted 8 months ago

  My website was actually so identical to the prototype, but when I published the website, the image failed to load, so I unpublished and corrected the changes (including centering the text), afterwards, when I tried to publish it again with Github Pages, it just shown the previous one (the one I had to submit to FrontEnd Mentor)

  Does Github Pages work once per repository, or is there any way to publish a modified website? (which I had unpublished earlier to modify)

  

  Social Links Page using HTML and CSS

  1

  20

  

  Angwenyi Ogata• 200

  @AngwenyiOgata

  Posted 8 months ago

  Hello @JOHAN JUBIN consider adding a ./ when using files from a different folder as in ./assets/images/favicon-32x32.png hope this will fix your problem

  0