All comments

• 

  zee•350

  @zeenox-stackSubmitted 2 months ago

  What challenges did you encounter, and how did you overcome them?

  This was my first js project so it's kinda bad, hope you like it.

  

  drawer card project

  1

  20
  

  hussainFallah•10

  @hussainFallahPosted 2 months ago

  i think that you can more responsive by changing the body font size when the width of the page is changing for example

  body{
  font-size : clamp(.8em,calc(.8em + 0.7vw),1em);
  }
  

  feel free to change the values to your needs

  and i think that your share panel isn't positioned properly , i think that you can solve this problem by giving the section a position relative so it's become positioned then change the position of the panel using "em"s for pc version use

  section{
  position:relative;
  }
  section>div:last-of-type{
      right: -3.2em;
      bottom: 8em;
  }
  

  and for mobile just change it accordingly keep in mind tat you have to set position value other than static on the section so it works

  0