responsive landing page

Community feedback

• 

  Sylwia•240

  @LesSylPosted about 1 month ago

  Hi! Your solution looks grate. I have a few suggestions:

  1. try to use em and rem instead of px for example for padding and margin . You can read more about it here: CSS values and units,

  2. It is good practice to use a naming convention such as BEM (Block, Element, Modifier) is beneficial as it makes the CSS more organised, readable and easier to maintain. BEM helps to clearly understand the purpose of each class, avoid naming conflicts and create reusable components, leading to a more scalable code base. More details here: BEM,

  3. using rem or em units in @media queries is better than px because they are relative units that adapt to user settings, like their preferred font size. This makes your design more responsive and accessible, ensuring it looks good on different devices and respects user preferences,

  4. you should still work on the preparation time section, as the background does not look very good on small screens.

  Marked as helpful

  0

  ---

  

  Rekik Alemayehu•40

  @rekikalemayehuPosted 30 days ago

  @LesSyl thank you very much!

  0