@Hassiai
Posted
Replace the <figure> with the main tag to fix the accessibility issues. for more on semantic html visit https://web.dev/learn/html/semantic-html/
Reduce the width of the figure to 25vw / 20vw. To center the figure on the page, add min-height:100vh; display: flex; align-items: center: justify-content: center; to the body. instead giving figure a margin value to center it.
You forgot to add a box-shadow to proceed payment button
Hope am helpful. Happy Coding..
@9dorgham
Posted
@Hassiai Thank you for your attention to my code it's really helpful. I know the way that it is use to center the element using flex-box, but I don't like using it too much in my code
@Hassiai
Posted
@9dorgham , Use min-height:100vh; display: grid place-items: center instead of flexbox
if my comment is helpful , mark it as helpful.
Marked as helpful