Web page using HTML, CSS custom properties and Flexbox

• Does the solution include semantic HTML?

Yes it does, nice ideas. Loved the way you used classes and variables.

• Is it accessible, and what improvements could be made?

yes it is accessible. I would pack texts in a container that handles most of padding stuff.

• Does the layout look good on a range of screen sizes?

It looks good.

• Is the code well-structured, readable, and reusable?

It seems so, I would personally have sticked with HSL.

• Does the solution differ considerably from the design?

Yes, a lot. Are you using figma? It seems like many values are approximative. Overall it's looking nice :)

The solution include semantic HTML. Work on the styling -h tag and p tag. The screen layout looks good on both mobile of desktop. Work on your code structures. The height is larger than the design.