Submitted
What are you most proud of, and what would you do differently next time?
My second challenge, but this was much easier than the first, should have done this one first. Excited to move to some harder ones and to learn Javascript.
@dz03vc
Submitted
What are you most proud of, and what would you do differently next time?
My second challenge, but this was much easier than the first, should have done this one first. Excited to move to some harder ones and to learn Javascript.
Submitted
What are you most proud of, and what would you do differently next time?
What challenges did you encounter, and how did you overcome them?
What specific areas of your project would you like help with?
body {
background-color: hsl(225, 100%, 94%);
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22437%22%3E%3Cpath%20fill%3D%22%23D6E1FF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20349.974c218.558%20116.035%20460.05%20116.035%20724.475%200s502.933-116.035%20715.525%200V0H0v349.974z%22%2F%3E%3C%2Fsvg%3E");
background-position: top;
background-repeat: no-repeat;
background-size: contain;
display: flex;
flex-direction: column;
align-items: center;
}
Annual Plan
$59.99/year
Change
body {
display: flex;
flex-direction: column;
align-items: center;
}
main {
width: 450px;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}
.woman {
overflow: hidden;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.description {
text-align: center;
text-size-adjust: auto;
line-height: 24px;
}
.planContainer {
display: flex;
}
.planColumn {
display: flex;
flex-direction: column;
}
.attribution {
text-align: center;
}