Responsive landing page using css flexbox and media queries

Community feedback

• 

  Edet John•220

  @cyberohn2Posted about 2 years ago

  @catherineisonline pls help me i while i tried to make the page responsive i made the image come first in my markup and gave it an order of -1 when the viewport is at 1440px but the screenshot front-end mentor gave was contrary to what i'm supposed to get. pls kindly give a suggestion on what i should do. thanks in advance

  0

  ---

  

  👾 Ekaterine Mitagvaria 👾•7,600

  @catherineisonlinePosted about 2 years ago

  @cyberohn2 Add to your head-content div flex-direction: row-reverse; And for your mobile version change head-content to flex-direction: row; Also, remove that -1. You can use row-reverse or column-reverse to make the last element first and vice versa

  Marked as helpful

  0

  

  Edet John•220

  @cyberohn2Posted about 2 years ago

  @catherineisonline thanks, will do. also i wanted ask, the logo at the footer how do i i dont know how i can make it white, i mean the fylo image. do i use some image editing tool like pixellab to change it color to white or there's a way i can do that in css. thanks again

  0

  

  👾 Ekaterine Mitagvaria 👾•7,600

  @catherineisonlinePosted about 2 years ago

  @cyberohn2 If I remember correctly, I just made two copies of this image. When you open the SVG in VS code, you will see the XML code and you can simple change the value of the property called fill by indicating whichever color you need

  0

  

  Edet John•220

  @cyberohn2Posted about 2 years ago

  @catherineisonline oh ok thanks so much.

  0