CSS Flexbox/Animation

Community feedback

• 

  Michael Bishop•1,080

  @MikeBish13Posted over 3 years ago

  Good job!

  I would say the most important thing is to add some padding to your second container so that the content has some space to breath. If you look at the design you'll be able to spot the difference. A few other things:

  • Check your font-size and family so that it aligns with the design
  • On the desktop view your paragraph should be aligned to the left, and also consider a min-width so that the sentences aren't too long
  • You've populated some HTML content in your last container using the ::after attribute. This can be neat trick if content changes according to the screen size, but I don't think it does with this challenge so I don't see why you can't simply include the words in your HTML file.
  • The flex-direction of your last container should be 'row' instead of 'column' for desktop screen sizes.

  Hope this helps and happy coding!

  1

  ---

  

  LisFoS•40

  @LisFoSPosted over 3 years ago

  @MikeBish13 Thank you for the feedback. I'll keep that in mind next time for the other challenges.

  0