Hello.
I am currently working on optimizing some of my pages for mobile.
my website: globalmarshallplan.org
As you can see on my website, I created a section called “News + Veranstaltungen”. There you can see three buttons in a row. This looks as intended on Desktop and Tablet.
On Mobile, the buttons appear too small. What I could do is list the buttons as a column of course, but I’m not satisfied with how that would look. Instead, I’d like to create a special mobile-only section in which the first button takes up the whole mobile-screen and if the user wants to see the other buttons, all they should need to do is to horizontally touch-scroll. How can I achieve that?
I hope this sketch helps with understanding what I mean: