Responsive page using CSS Grid and Flexbox

Hi Clint

You need to change the html tags on this. You've got everything in there as headings which doesn't make sense. Really think about semantics when writing html, get that right as if all styles were off so it makes sense as a document

I also notice you don't seem to be using Google fonts link tags from their site? There should be a preconnect link before your font one, and the font one should choose the specific weights you need.

Other than that, all looks good. Only other advice is to try and pay attention to small details in the design like

• box shadow on the card
• divider line color
• letter spacing
• background position on mobile

All the best

Hey, Clint Maxwell! 👋

Well done on this challenge! 👍

A few things I suggest are,

• Looking into using viewport units to position the background images in this challenge (since that'll give you a chance to position them so that they do not move around so much when the size of the screen changes).
• Perhaps adding the alt attribute to the background pattern image if you want to put that in your HTML (but leaving the alt text empty, since it's a decorative image). That'll clear up and error or two on your solution report! 🙂

Keep coding (and happy coding, too)! 😁