As long as I can stop it looking fucked on mobile that's enough
The images on the front page - centuriesofsound.com - are all 300x300 pixels and I want them to resize to maybe 100x100 on mobile so they'll fit on the screen in a nice grid. This is probably something I can do with html I suppose, but it's a bit beyond what I know.
Salt Peanuts is REALLY famous if you are at all into Bebop, I'd never heard of it until a year ago.
(
Zuowan, Tue 11 Apr 2023, 23:11,
Reply)
Try something like this in your css.
Should make that grid a bit more responsive.
.home .entry-content img {
max-width: 25%;
}
@media (max-width: 950px) {
.home .entry-content img {
max-width: 33.3333%;
}
}
(
monkeon schmonkeon, Tue 11 Apr 2023, 23:31,
Reply)
Or just use CSS grid, which will sort all that out
Display: grid;
Grid-template-columns: 1fr 1fr 1fr
Or similar. Excuse the shitty formatting I'm typing on my phone from a sunbed in Spain
(
Fadgebadger Sweaty sumo wanks for everyone!, Wed 12 Apr 2023, 9:21,
Reply)
