Solution based to use correctly flexbox and grid

Community feedback

• 

  Dominika Wojewska•110

  @WitchDevelopsPosted about 1 year ago

  • RE shadowed edge: You can do it using either:
    • filter: drop-shadow([horizontal-offset] [vertical-offset] [blur] [color]); https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow
    • box-shadow: [horizontal-offset] [vertical-offset] [blur] [spread] [color]) https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow box shadow let's you combine several box shadow effects. Other than that it seems they work similarly.
  • Your HTML markup looks good to me, clear and readible enough
  • nah... it's all good! but you can refactor it a bit, for instance you're using the same padding in several classes, you can thing of adding a utility class for that

  well done!

  Marked as helpful

  1

  ---

  

  Theo-Larsimont•10

  @Theo-LarsimontPosted about 1 year ago

  Thanks for the advice @WitchDevelops !

  1

  

  Dominika Wojewska•110

  @WitchDevelopsPosted about 1 year ago

  @Theo-Larsimont You're welcome!

  and it happened that just today I found this awesome tool for setting multiple box shadows: https://boxshadows.xyz/

  Marked as helpful

  1

  

  Theo-Larsimont•10

  @Theo-LarsimontPosted about 1 year ago

  @WitchDevelops oh nice! it's very interesting it's a tool very useful Thank's

  0