@sirriah
Posted
Hello, the css looks little bit messy to me, but I assume, that it is desktop-first.
- the line 113 should be '@media(max-width: 375px){'
- the .text-section in mobile view need the flex-direction: column
- paddings in mobile view have smaller values
- the stats part needs to be designed with flexbox too
- the image with the overlay should be made as background image with overlay blend mode, see the documentation
- in HTML, you should add the h1 and other headlines. It helps to assistive technologies and SEO. Look to semantic HTML.
- You can try to use mobile-first design
- there are more problems, but those are the biggest
What browser do you use? I know that chrome and firefox have the developer tools, where you can inspect the html/css/js. It can really helps you.
Marked as helpful
@DummyKen
Posted
@sirriah Hey thanks. I will fix them asap.