Responsive landing page using media queries

Community feedback

• 

  John Pugh•340

  @JohnPugh688Posted 7 months ago

  Hi Prem,

  Your finished project looks great. I noticed you have used flex (which is fine apart from the justify between) for you mobile design and to create spacing between you content.

  Id suggest using gap: as this gives you control of the spacing size between.

  try this instead and see what happens:

  .wrapper .dets{ height: 60%; padding: 30px; display: flex; flex-direction: column; gap: 0.75rem/* 12px */; (You can change the sizing to suit) }

  Hopefully this helps.

  0