Recipe page

Community feedback

• 

  Nadir Bousalah•820

  @Medido1Posted 7 months ago

  for the mobile version : in your Html try to the first img ine one div and the rest of the page in a different one so you can apply padding on the content alone and the img would take the whole width of the screen and .container { width: 100vw; } this is before the media queries ! i hope this helps

  Marked as helpful

  1

  ---

  

  MARCUS-IMPERATOR•90

  @MARCUS-IMPERATORPosted 7 months ago

  @Medido1 Thank you so much for replying. However, I couldn't apply it. Could you please elaborate further?

  0

  

  Nadir Bousalah•820

  @Medido1Posted 7 months ago

  @MARCUS-IMPERATOR in your HTMl in your container div. add a child div let's call it content_container and put the content of recipe in it(other than the picture div) and in your css before the @media add the following .container { width : 100vw } .content_container{ padding : 20px } by doing this the padding will apply to the rest of the page but not the picture and it will take the full width

  Marked as helpful

  1

  

  MARCUS-IMPERATOR•90

  @MARCUS-IMPERATORPosted 7 months ago

  @Medido1 I get it now thank you so much

  1