Reuben👾• 560
@Rubylenshy
Posted
Hi @Valeryio 👋. You've done quite well on this one, good job. Maybe this few suggestions might be of help:
- With responsiveness in view, that
.card
won't survive much with the kindawidth
property applied to it, you should check out how to make use of thesemax-width
andmin-width
from this resourcehttps://www.freecodecamp.org/news/css-properties-examples/
- You should try to use a
display: flex;
property, it saves you some more lines of code and excess margins
.plan{
display: flex;
justify-content: space-between;
align-items: center;
}
While you make the html markup work like this:
<div class="plan">
<img src="" alt="">
<div>
<h2>Annual Plan</h2>
<span class="price">$59.99/year</span>
</div>
<span class="change" >Change</span>
</div>
Check out this resource for more on flex
display. https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
Hope this helps
Keep Coding @Valeryio
0