Card css

Html make card

box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2), 0px, 0px, 50px rgba(0, 0, 0, 0.2)

Card css

body {
  background-image: url("../images/pattern-background-desktop.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: hsl(225, 100%, 94%);
}

main .card {
  width: 450px;
}

main .card .container {
  padding: 4.2rem;
}

main .card .description {
  margin-bottom: 2.5rem;
  line-height: 2.8rem;
}

main .card .plan {
  justify-content: space-around;
}

main .card .plan-info {
  margin-right: 80px;
}

main .card .change-plan:hover {
  cursor: pointer;
  text-decoration: none;
  color: #766cf1;
}

main .card .main-button {
  margin-bottom: 30px;
}

main .card .main-button:hover {
  cursor: pointer;
  background-color: #766cf1;
}

main .card .cancel {
  color: rgb(114, 114, 114);
  font-weight: 700;
}

main .card .cancel:hover {
  cursor: pointer;
  font-weight: 900;
  color: hsl(223, 47%, 23%);
}

Source: raw.githubusercontent.com

Similar codes

-1 vote184 views1 answer
Css div bottom of parent
CSS
0 vote201 views1 answer
Using a Python dict for a SQL INSERT statement
CSS
0 vote177 views2 answers
Failed to start ssh.service: Unit ssh.service not found.
CSS
0 vote173 views1 answer
Fullpage.js change the color of the anchor
CSS
3 votes180 views2 answers
Antialiasing css
CSS
0 vote245 views1 answer
Cheat codes for hmtl and css
CSS
20 votes190 views5 answers
How to add background image in react css
CSS
6 votes194 views3 answers
Print css media query
CSS
1 vote303 views1 answer
Css minifier api
CSS
0 vote185 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS