Huddle Landing page HTML/CSS

Community feedback

• 

  Roman Filenko•3,335

  @rfilenkoPosted about 4 years ago

  Hi, my advice - use just one css file, start from mobile and adjust, add more styles when needed. One file - less additional requests. Learn some preprocessor later on to improve code structure, dividing into smaller parts. Looks good on mobile 😉

  Cheers, Roman

  1

  ---

  

  Ryan•95

  @r-findleyPosted about 4 years ago

  @rfilenko thanks for the feedback on that. I thought the mobile looked better and was easier to design as well. I struggled with the use of separate background images for the different layouts. I couldn't seem to get the mobile background image to go away when I relied only on 1 style sheet which led me to try 2.

  0

  

  P

  Robert McGovern•1,075

  @tarasisPosted about 4 years ago

  @r-findley use a media query in the style.css and it will override the one you set first.

  @media screen and (max-width: 600px) {
  
      body {
          background-image: url("../images/bg-mobile.svg");
          background-repeat: no-repeat;
      }
  }
  

  (I did desktop first when I did this challenge)

  0