3-column preview card component

Community feedback

• 

  Fancy•320

  @maciejkrol18Posted about 2 years ago

  While your solution looks good and close to the design, your code has lots of bad practices.

  Learn flexbox. Really. Right now you're positioning everything with tons of margins and almost everything has a position of absolute and a fixed width, which is like the worst thing you can do. Flexbox is a pretty easy tool for creating layouts - you'll find tons of free resources to learn it online.

  Some resources i personally recommend:

  1. Free flexbox course on Scrimba - https://scrimba.com/learn/flexbox (You'll find tons of other amazing frontend courses on Scrimba too - i would highly recommend checking them out)

  2. Flexbox froggy - https://flexboxfroggy.com/

  3. Flexbox guide on csstricks - https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  As for touching the mobile part of the challange, hold onto it for now - learn the basics first. Good luck!

  Marked as helpful

  0