Grid , Flexbox,MediaQuery, Full Responsive

Community feedback

• 

  Bheki Accion Nkomo•230

  @BhekiAccionPosted over 2 years ago

  hie, how do you master the shadows part, my boxes dont have a shadow and l kind of struggle with it every time l come across something that needs the shadows. l would appreciate it if you can drop a link to an in-depth lecture or something of that kind

  0

  ---

  

  Mahmoud Mohamed Abd Elaziz•470

  @ehoda9Posted over 2 years ago

  @BhekiAccion You do not need a deep explanation, it is very simple All you have to do is understand how to control the shadows

  • {box-shadow: 0px 0px 0px 0px black;}
  • {box-shadow: 1 2 3 4 5}

  You have 5 things to understand

  • -[1] move right [negative value to move left]
  • -[2]move down[negative value to move up ]
  • -[3]Shadow Blur
  • -[4]shadow spread
  • -[5] Here Your color [To Make it Smooth,Realstic you should low your color opacity]

  that's all you need to know -you can multiple your shadow

  example :

  • {box-shadow: 0px 0px 0px 0px black , 0px 0px 0px 0px white;}

  • {box-shadow: 0px 0px 0px 0px black , 0px 0px 0px 0px white, 0px 0px 0px 0px red;}

  • [ notice : use developer tool to control shadow easy live ]

  if you don't understand anything :D

  • take a look here:W3School Box-Shadow

  0

  

  Bheki Accion Nkomo•230

  @BhekiAccionPosted over 2 years ago

  @ehoda9 Thank you, let me look it up on W3schools as well. l appreciate that.

  l just looked it up and yeah you are great at explaining, thanks buddie, got it now.

  0