Four Card Feature Section_Peter Guber

Community feedback

• 

  Leshy•580

  @LeshyNLPosted over 4 years ago

  Hi Peter,

  It seems as if you are positioning the cards manually to get them in the right place. It mostly works, and it is definitely an impressive result! However, it is probably not the most convenient way to go about it. In a real scenario, the size of the cards might change, and you would have to reposition them all over, for example. You will also notice that in sizes between the mobile and desktop layout, the arrangement of the cards is less ideal.

  You may want to look into CSS layout techniques such as flexbox and/or grid, which allow you to have items be positioned on the page automatically according to the rules or to a grid that you set. This makes such a design much easier and more flexible, as they can easily adapt to different screen sizes while keeping things looking neat.

  They can take a bit to learn, but they are indispensable tools to create webpage layouts these days. I would suggest the following resources to start with:

  https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/complete-guide-grid/

  However, quite a good first challenge and welcome to the community! :)

  1

  ---

  

  GuberPeter•20

  @GuberPeterPosted over 4 years ago

  @LeshyNL Thanks for the feedback!

  To be honest, I'm going through a Udemy course giving basics in web development and the CSS part only went so far, not including the stuff you linked. I am definitely going to go through them!

  Thanks again!

  0

  

  Leshy•580

  @LeshyNLPosted over 4 years ago

  @GuberPeter No worries, you are off to a very good start.

  Keep following web dev courses and you will absolutely get to them :)

  0

  

  GuberPeter•20

  @GuberPeterPosted over 4 years ago

  @LeshyNL Could you please check out my latest work? I tried to use the columns! :)

  0