Responsive landing page using CSS block, padding and margin

Community feedback

• 

  Giovanni Ruberto•260

  @RabberpoliPosted over 1 year ago

  Hi! Well done completing this challenge! Just a simple tip: looking at your code I saw you using margin and padding properties. This lets you achieve a pretty good result but it doesn’t guarantee a responsive behavior. In fact you had to use media queries to adjust for specific screen size; A powerful property that can ease your job in term of responsiveness is flexbox (you can give a look at the documentation here). This property along with justify-content and align-items let you center automatically your DOM object without struggling with margins and paddings.

  Hoping to give helpful tips keep going and happy coding!

  Marked as helpful

  0

  ---

  

  Adeyemi-Ayomide•10

  @Adeyemi-AyomidePosted over 1 year ago

  Thanks so much.. I'll work on that@Rabberpoli

  1