fylo-landing-page | flexbox | Grid Css| responsive

I think you made an awesome working with the sematics tags, but you could import you icons with this free framework, calls "Font Awesome" it's easier than use the <img> tag to import all your icons, but it's also a good way to finish your project, and with you CSS I'll let a tip about how you could fix I think that you problem is that you only create a midea query to @media (max-width: ) normally in my projects I used @media (min-width: ) I will let a link about it : https://www.youtube.com/watch?v=p3k_IrXLNRc, I hope that this tips would help you with you problem.

This looks fantastic. Some minor improvements can be done for sure. But you're making more challenging webpages, which is a milestone in itself. Keep playing with the font-sizes and navbar placements and it'll be perfect. Great job buddy!!

Hi there, you've done a great work with this challenge! Congratulations 🎉

I have visited your website and it looks impressive. You've done your best to get your site to match the design. However, I noticed some little things that could be improved in your solution

• The font size is too small. It's almost unreadable for the navigation links in the navbar and the footer and also for the "See how Fylo works" link.
• Use CSS variables/custom properties to make your code cleaner and reusable.
• [Optional] For complex layouts like this, grid can be easier to use for all the containers.
• If the media queries confuse you, there is a new range syntax for creating media queries. Example: for screens below the width 650px,

@media (width < 650px) {
...
}

Learn more:

• How to use CSS Variables by Kevin Powell
• Media queries Range Syntax

Hope this is helpful to you 😄