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

2 votes180 views1 answer
Css no bottom ouline
CSS
0 vote157 views1 answer
Build a responsive real world website from scratch html css
CSS
5 votes165 views3 answers
CSS RESPONSIVE
CSS
0 vote178 views1 answer
How to add space inbetween lines in html
CSS
2 votes172 views1 answer
Size carousel bootstrap 4
CSS
88 votes274 views6 answers
Css border radius
CSS
60 votes199 views3 answers
Adding shadow to a div
CSS
0 vote171 views1 answer
Css in head or body
CSS
17 votes217 views1 answer
Yarn start not working on windows because scripts disabled
CSS
0 vote216 views1 answer
Look and Feel
CSS