html - Vertical border messed up by horizontal border - flexbox -


i created table using flexbox. i'm wanting add vertical line down center , added border-right first columns, borders on bottom of rows breaking visual flow of vertical line. i'm having hard time wrapping head around how solve this. how can add vertical line while still keeping bottom border?

jsfiddle: https://jsfiddle.net/oczxqxmu/

just remove

.flex_row:not(:last-child) {         border-bottom: 2px solid #fff; } 

like https://jsfiddle.net/oczxqxmu/1/

if want keep bottom-borders, use ::after , position:absolute create line in middle of table, this

https://jsfiddle.net/oczxqxmu/11/


Comments

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

Why does Go error when trying to marshal this JSON? -