Css calc function

.banner {
  position: absolute;
  left: 40px;
  width: calc(100% - 70px);
  border: solid black 1px;
  box-shadow: 1px 2px;
  background-color: yellow;
  padding: 6px;
  text-align: center;
  box-sizing: border-box;
}

Source: developer.mozilla.org

Similar codes

2 votes277 views1 answer
Large input box bootstrap 4
CSS
1 vote310 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
5 votes256 views1 answer
Less sass css
CSS
49 votes287 views6 answers
Min and max width media query
CSS
4 votes277 views2 answers
Can we use material ui and tailwind css together
CSS
7 votes311 views1 answer
How to curve button in html
CSS
-1 vote263 views3 answers
Css ul to center
CSS
0 vote261 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
95 votes297 views6 answers
Drop shadow css
CSS
102 votes266 views6 answers
How to center an element in css
CSS