@ahmedhanyh
Posted
Hey! Congrats on completing your project.
This is an answer to your specific question on aligning the icon with the "Add to cart text"
One way to achieve this is by using flexbox to align a group of items in a single row or column. Try adding these styles to the element that contains the icon and the text, in this case the div.button_text (which isn't necessary by the way, it's better to remove it, to reduce your HTML markup, and apply the styles below on the <button> instead):
div.button_text /* or button, or whatever contains the icon and text */ {
display: flex;
align-items: center;
gap: 12px; /* this only adds a gap between the icon and the text and not necessary for alignment */
}
Hope I've helped! Wish you the best on your journey.
Marked as helpful
@ShaftJnr
Posted
@ahmedhanyh Thank You, I appreciate it.