To responsive tweak

Hi! I’m trying to make this site responsive.
I now I must start adding the in head.
And I’ll remove the adsense fixed width for adaptable.
However there’s an horizontal menu and something has to be done with it.
Can you point me some css tweak ?
What about the table containing the thumbnails?

There are a few way to handle the menu. A common one to switch to a “hamburger” on small screens. Another option is to make the items wrap onto 2 or 3 lines on smaller screens.

There are a number of ways to create a responsive grid. The simplest is to use inline-block to allow the items to wrap. for more control you could use display: table but that would require more queries, or you could go with a flex-box solution.

Thanks. That’s chinesse to me.
Can you post a code sample of what you are talking about?

A common one to switch to a “hamburger” on small screens.

How?..

Another option is to make the items wrap onto 2 or 3 lines on smaller screens

How?..

There are a number of ways to create a responsive grid. The simplest is to use inline-block to allow the items to wrap. for more control you could use display: table but that would require more queries, or you could go with a flex-box solution.

What should I write to use inline-block in that case (which is the simplest solution?)

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.