just HTML and CSS

Hi Dawid, Great solution, it looks identical to the design. You have a good eye for the details.

Just a few comments, with respect to the accessibility in your HTML, try and use semantic tags. For example: instead of using: <div class="main-wrapper"> do the following <main class="main-wrapper"> that way you provide better experience for screen readers.

Also good use of the CSS GRID; I should start using it for my layouts. Other than that maybe instead of using pixel, try and use rem and percentages for your widths; allows for more fluid responsiveness.

Keep up the great work!

I Would appreciate if you could review my attempt at this solution too; would love your feedback.

Thanks in advance!

Hello

I think your css approach looks pretty good overall, except the media query is starting too late. You want to set that as soon as there is room for the layout to change.

More important in my opinion is fixing the html. Numbers like 10k don’t make sense as headings. And capitalisation should be done by css not in the html. I recommend using an unordered list with 3 items for those stats. You can use spans inside for styling.

Going back to the css

• never put font size in px, use REM or sometimes em
• remove any properties you don’t need (word-break? Some of the grid?
• try using flex for layouts along one axis, grid when you need to lay out on 2 axis
• only make css selectors complex when you really need to. Keep specificity as low and flat as possible with single class selectors when you can
• Content is touching screen edges on some screen sizes. Add some padding on the outer wrapper or body to prevent that

I hope all this helps

Good job, the only thing that comes to mind is that you could wrap the stats section in a ul instead of a div because it's more semantic and regarding the usage of max-width/min-width I don't see any unnecessary usage of these.

Keep coding :=)