- This topic is empty.
December 25, 2018 at 5:39 pm #280542
This is what I have so far(check the image below), and is all good except for the order, that should instead be: first 3 items to the left column from top to bottom, and last 3 items in the right column form top to bottom, that is by event date from recent to older.
When using flex I get this instead
not sure why the html is not beign shown here in the forum
anyway the structure is like this
++class=”col-lg-6 col-md-6 col-sm-12 col-xs-12 borde-hover order-lista”>
++++content goes here
And the css do note I have tried many things hence the commented lines
}December 27, 2018 at 7:21 am #280562
A minimal code demo of the issue in Codepen.io is preferred to random links and a mere snippet of CSS.December 27, 2018 at 1:46 pm #280573
Okey here it is
fiirst codepen i create so if there are any errors jus let me know and I will fix it.December 28, 2018 at 5:16 am #280577
Unfortunately, if you are using a flex-column where you need it to wrap, then it must have a defined (or calculable) height so that the column knows when to wrap.December 28, 2018 at 8:28 pm #280627
Okey thanks for the reply.. well the idea is that everything is not in a single line, that means in other words that
List 1: is in the left column, first row
List 2: in the left column, second row
List 3: in the right column, first row
List 4: in the right column, second row
and then it goes for the 12 lists.
Something I must be doing wrong since… added height among other tests…December 29, 2018 at 4:45 am #280633
Perhaps you could mock something up (or do you have a design image) as I’m not clear on what this should look like…December 29, 2018 at 9:18 am #280640
Here it is
Do note the idea is that it is sorted by dateJanuary 9, 2019 at 7:39 am #281118
Please let me know if I should post the image elsewhere.January 12, 2019 at 4:00 pm #281299
That’s it (the updated codepen)!!! Thank you so much Paulie_D :-) Have a great year!!!
- The forum ‘CSS’ is closed to new topics and replies.