Blog yellow card

Community feedback

• 

  Jas•180

  @ajasmine94Posted about 2 months ago

  Hi :)

  I am also practicing flexbox so far so I'm not sure if I would be of any help. But what I noticed from your code are the following:

  1. You can use flexbox in structuring your container content which I believe you have already applied on the part of your .author-container section on the css, instead. By placing it inside the card-container class, it would help your code to know how the items inside will be aligned (align-items, justify-content, etc..) you may read more on here

  2. You have added a black-shadow div and class which can be a good alternate and nice that you were able to implement it! There is another easier solution for this which is just using the [box-shadow] (https://www.w3schools.com/cssref/css3_pr_box-shadow.php) property on CSS. You can implement this on your main container / card-container class.

  3. for the sizes, for instance using fixed widths on containers and so on, you might want to study on em or rem, whereas px can be used for border sizes and so on. I'm also reviewing these things so goodluck to us :)

  Have a good day!

  0
• 

  ZeroOne00001•30

  @ZeroOne00001Posted about 2 months ago

  for the black shadow you could just add shadow to the card-container using css box-shadow property, I used these value for

  box-shadow: 10px 10px 0 #111111;

  and for active hove effect

  box-shadow: 20px 20px 0 #111111;

  0