Hi Please check my solution and send your feedback.
Thanks
Hi Please check my solution and send your feedback.
Thanks
first, you have to use a CSS framework for working easily with different layouts and screen sizes if you don't use any framework if so that is fine. set the height of components full on every screen size. decrease padding from the right and left of components.
The website ended up a little bit different, but I think overall looks good.
the main things is your component are not responsive. your components are spreading in different screen sizes try to use flex or CSS grid for taking care of different screen sizes or use a frame work like sass, bootstrap and tailwindcss. the font sizes are the same in different screen sizes.
you have a problem with your responsive site. put every section of the site in separate sections and work on these sections for mobile size responsive. your site doesn't have consistency with typography use a standard font. work on CSS for reusable code for every section and DRY. The footer section in mobile size losses its size, font size, and component size. set a relative position for your icons with different screen sizes when you resize the site position of icons looses their location