@30vam
Posted
To center the card using flexbox you can do this: body { display: flex; //Makes the page act like a flexbox instead of a block element justify-content: center; //Centers the content on the main axis (horizontally) align-items: center; //Centers the content on secondary axis (which is vertical by default) min-height: 100vh; //Sets the page height to browser viewport height }
I think you could also simply use the <img> tag with a source attribute to import the card banner instead of copying the entire svg code in index.html file.
Marked as helpful