How can i improve my website design?

Hi everybody!

I have a website about the software downloads. My website: indir

I need to improve my design for mobile users. What can you suggest me?

Hi there!

Welcome to the forums!

One of the biggest things you need is the viewport meta tag.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Go ahead and slap that in the <head> of your document.

Next, you have non-responsive, static widths set on a few elements that will create overflow.

There are a few <div>s that have static widths of 990px. Instead, you could make them max-width or remove them entirely depending on design preference. I would also suggest looking into responsive units such as rem and em.

Second, the <h1> image has a static width of 400px. To create responsive images, it is common to use max-width: 100% on all images.

So far, these changes make the mobile view go from this:
image

To this:

This will give your website the bare minimum needed to be responsive. However, be aware that any changes may also create changes to the desktop or tablet view.

As a final thought, I would also recommend looking into semantics, grid, and flex. Grid and flex will allow you to learn fluid design while semantics will help you create a more universal experience for any user who visits your site. (Which Codecademy offers some free courses that can get you started if you haven’t already :slight_smile: )

I hope this helps!

If you have any questions, please do not hesitate to ask.

Happy coding!