@Hassiai
Posted
Replace <article class="cards"> with the main tags to fix the accessibility issue. click here for more on web-accessibility and semantic html
Wrap the text-content in a div or header tag.
you forgot to give the body a background-color.
For a responsive content, give .cards a max-width of 1440px, width of 80% and margin:0 auto or width of 80vw and margin: 0 auto. there is no need to give .card display: flex and its properties.
in the media query give the header containing the text-content a width of 50% and margin: 0 auto.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING