Anchor links scrolling too far

div{ 
  height: 650px; 
  background:#ccc; 
  /*the magic happens here*/
  border-top:42px solid #fff;
}
ul{
  top: 0; 
  width: 100%; 
  height:20px; 
  position: fixed; 
  background: deeppink; 
  margin:0;
  padding:10px; 
}
li{
  float:left;
  list-style:none;
  padding-left:10px;
}
div:first-of-type{ 
  margin-top:0; 
}

Source: stackoverflow.com

Similar codes

0 vote332 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
0 vote354 views1 answer
Restore mariadb from bz2 file cli
CSS
1 vote339 views1 answer
Page icon css
CSS
1 vote385 views1 answer
Can we use multiple keyframes in css
CSS
0 vote424 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
1 vote328 views1 answer
Gatsby hide scroll bar
CSS
102 votes319 views6 answers
How to center an element in css
CSS
5 votes371 views4 answers
Display none tailwind
CSS
5 votes326 views2 answers
Normalize cdn
CSS
1 vote343 views1 answer
Css how to make something italized
CSS