Positioning Issues

Hey, I'm trying to make a mockup of a metro interface. i'm trying to do it with flex and keep it simple, but i just can't g et it right. I don't know what i'm doing wrong with the centering and whatnot, though i'd really appreciate some help! https://codepen.io/Yanni-Eleftheriou/pen/mydVOZy
No description
No description
3 Replies
dys 🐙
dys 🐙2mo ago
The middle bit is definitely a grid. I don't really have time to dig through your code at the moment, I've got a broken program of my own. 😸
Karol
Karol2mo ago
Why would you force going with flex? You said you would like to keep it simple but going with flex on your 'fareContainer' div is actually opposite, basically what @dys 🐙 said 🙂
clevermissfox
clevermissfox2mo ago
Is image one what you’re aiming for ? (Image one being with the grey “go back” button and yellow/white borders on the fare amounts ?

Did you find this page helpful?