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

3 votes293 views1 answer
Wrap table html
CSS
0 vote399 views1 answer
Css make all text center
CSS
0 vote349 views1 answer
Adding script in vat for product order shopify
CSS
0 vote342 views1 answer
Css shadow on hover
CSS
120 votes308 views6 answers
Css hide scrollbar
CSS
5 votes333 views3 answers
Repeat method
CSS
-3 votes363 views1 answer
How do i make a div full width with css
CSS
20 votes352 views3 answers
Underline text using css
CSS
1 vote335 views1 answer
Css no underline
CSS
0 vote342 views2 answers
Tailwind css disabled button
CSS