@lrobb95
Posted
Hello Jalen!
Love the project and congratulations on completing the challenge! I noticed that the .original class you have has each number/symbol crossed off.
One thing I would recommend on preventing the breaks on the striked portions is to use the HTML <s> to make the whole price crossed off with one line. It should look like this:
<s>$169.99</s>
The next thing I would recommend is to utilize the flex property on your button to center the text and the svg image both vertically and horizontally. This can be done by doing this:
.btn {
display: flex;
align-items: center;
justify-content: center;
}
Then to get some nice spacing between the icon and the text, throw in the gap property on your button. For instance - gap: 1rem;
Let me know if this helps!
@lrobb95
Posted
My fault! I just realized that you did put the align-items and justify-content on your button, however all you missed was the display: flex part!