Fylo Data Storage Component

Community feedback

• 

  romila•3,570

  @romila2003Posted about 2 years ago

  Hi Charmonder,

  Congratulations 🎉 for completing this challenge, the component looks great. It is great that you used the flex property to center the card. I have some suggestions I want to address:

  1. I would suggest giving the background-color property to the body instead of .container as you can see the background color shifts with the container, as you decrease the screen size. Also, it looks like you are treating the main tag as the body which is not how to use it. The container should contain the code, in this case it will be the 2 cards/components therefore the flex property should also be assigned to the body too.
  2. Another way you can create the triangle, is through using the pseudo ::after property which will allow you to add the triangle after the box. If you are unsure about this concept, you can research more about it and can also check mine out to see how I did it which is here: Fylo data storage component

  Overall, great attempt and wish you the best for your future projects 👍.

  Marked as helpful

  1