HTML/CSS/JS. SVG for dark/light button, using appendChild for popup.

Community feedback

• 

  Mahesh Yadav•1,220

  @Mahesh-yadavPosted over 4 years ago

  Hi

  The scroll is displayed because of these two styles:

  // **line number: 85**
  .article-section {
    margin: 1rem 0;
    overflow: auto;
  }
  
  // **line number: 210**
  @media only screen and (min-width: 950px) {
    main {
      flex-direction: row;
      width: 51%;
      max-width: 975px;
      height: 35%;
      min-height: 280px;
      margin: 0;
    }
  

  When you set overflow: auto. The min-height value is taken as height of the element which in your case is 280px. (height: 35% is not taken).

  So either remove min-height or overflow:auto

  2

  ---

  

  Oleksandra•95

  @Karska-devPosted over 4 years ago

  @Mahesh-yadav Thank you! I've removed min-height and everything is much better now!

  0