Recipe Main Page using HTML & css flexbox

Community feedback

• 

  Stoic•150

  @Joel12rPosted 10 months ago

  In your CSS, the media query is missing the and keyword before specifying the condition. Here's the corrected media query:

  css Copy code @media screen and (max-width: 375px) { /* CSS rules for screens with a maximum width of 375px */ } or you can simple not add the key word screen , and it applies to all devices.

  and also you dont need to add quotes font-family: 'Young serif', sans-serif; you can simply write it like this font-family: Young serif, sans-serif;

  And for the table, I used a bootstrap class and just used the css to remove the border for the last row

  0

  ---

  

  Harold•60

  @harolddatusPosted 10 months ago

  @Joel12r, thank you for your feedback. I added the code and does not seem to fix the responsive issue.

  0

  

  Stoic•150

  @Joel12rPosted 10 months ago

  @harolddatus I tried these changes and it was responding to any screen width below 375px

  @media (max-width:375px) { body { background-color: brown; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; } . its still the same you wrote, I just changed the background color and added px to 375

  Marked as helpful

  0

  

  Harold•60

  @harolddatusPosted 10 months ago

  @Joel12r, I was able to fix it. Thank you for your help!

  0