challenge 2 CSS & Html

Community feedback

• 

  Andrewfpai•100

  @AndrewfpaiPosted about 3 years ago

  You can use this below code for mobile:

  @media only screen and (min-width: 320px) { body { } }

  But, I recommend you to design the mobile version first, then do the desktop design because when you design your mobile version, the "min-width" of screen is 0px. So that means, you just only use @media.. for desktop version. I hope this can help you, thanks.

  0

  ---

  

  Trell•30

  @mrtrell42Posted about 3 years ago

  @Andrewfpai I've noticed that in the style sheets it says mobile and desktop. I am not really sure what that means. Can you suggest any resource that will explain how I make the mobile version first, or give me a quick run down of what that means please.

  0

  

  Andrewfpai•100

  @AndrewfpaiPosted about 3 years ago

  @mrtrell42 oh sorry, you can go to https://www.w3schools.com/ website to check all HTML and CSS elements, including the "media" one.

  0
• Account deleted

  The page doesn't work, check if you got the correct url.

  0

  ---

  

  Trell•30

  @mrtrell42Posted about 3 years ago

  @thulanigamtee I re submitted the challenge but I will still provide the link.https://mrtrell42.github.io/Front-end-challenge-2/

  0

  Account deleted

  @mrtrell42 You need to change the flex-direction from row to column then take everything from there.

  0