Frontend Mentor - Base Apparel coming soon page solution

Community feedback

• 

  Meriam Selim•40

  @selimmeriamPosted about 3 years ago

  1st: you used one image: the mobile image in the desktop & mobile view, interchange between them will help you a lot by using media query --> (screen >1400) display desktop image o.w display mobile image.

  2nd: use display:flex; to exchange views between mobile & desktop for the whole content. Viewing main content --> <1400 flex-direction:column; o.w flex-direction:row; as a default you don't have to write it.

  apply those changes first then start solve the rest

  Hope that Helps you...

  Marked as helpful

  1

  ---

  

  Alessandro•215

  @alessandro-giuzioPosted about 3 years ago

  @selimmeriam Thank you Meriam, i was completely lost in my rabbit hole that i forgot the second img, what a fool.

  Thank you very much, i'll start from there

  0

  

  Alessandro•215

  @alessandro-giuzioPosted about 3 years ago

  @alessandro-giuzio fixed now with grid i used another approach to expand the layout

  0
• 

  Ghando•20

  @ghandoogPosted about 3 years ago

  Hi pro,

  Try Use

  .element{ position: absolute; top : 0px; left: 0px }

  Use (width&height) for align content

  Marked as helpful

  1