24
Just realized how a museum in Seattle used grid for their exhibit map
The interactive floor plan at the Museum of Pop Culture used CSS Grid to make a responsive layout that changed from a 4-column grid on desktop to a single column on mobile. They even had grid areas named after exhibit sections like 'guitar' and 'sci-fi'. Has anyone else seen a public site using named grid areas in a clever way?
2 comments
Log in to join the discussion
Log In2 Comments
vera_roberts9d ago
That MoPOP floor plan is actually a pretty smart use of CSS. Giving the grid areas names like 'guitar' makes the code way easier to read and update later. It's not for robots, it's for the next developer who has to fix something at 2 AM. Calling things by what they are helps everyone. I wish more public sites used clear code like that.
8
max3889d ago
Named grid areas for museum exhibits? Guess we're coding for robots now. What's next, a flexbox for the gift shop?
6