Try
1 float right clearing right (only for first-child)
2 no float, but clear right.
3 float right but clear both (only for last-child)
all display:inline-block
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 6, 2019, at 1:22 PM, Eric A. Meyer wrote:
>
> On 5 Mar 2019,
I figured it was something that flex wasn't right for. Thank you Eric!
On Wed, Mar 6, 2019 at 2:23 PM Eric A. Meyer wrote:
> On 5 Mar 2019, at 9:51, Tom Livingston wrote:
>
> > Ran into one issue with this. If, on desktop, the amount of content in
> > "two" is more than "one", "three" gets pus
On 5 Mar 2019, at 9:51, Tom Livingston wrote:
Ran into one issue with this. If, on desktop, the amount of content in
"two" is more than "one", "three" gets pushed down and stays below
"two". I
played with align-items and align-content but was unsuccessful in
stopping
it from happening.
In f
Ran into one issue with this. If, on desktop, the amount of content in
"two" is more than "one", "three" gets pushed down and stays below "two". I
played with align-items and align-content but was unsuccessful in stopping
it from happening.
On Tue, Mar 5, 2019 at 4:54 AM Vince Aggrippino
wrote:
Super! Thanks so much! Still wrapping my head around flex's abilities...
On Tue, Mar 5, 2019 at 4:54 AM Vince Aggrippino
wrote:
> On Sat, Mar 2, 2019 at 4:55 AM Tom Livingston wrote:
> >
> > Hello listers,
> >
> > Is it possible to do the following with flexbox?
> >
> > mobile (just a stack, no
On Sat, Mar 2, 2019 at 4:55 AM Tom Livingston wrote:
>
> Hello listers,
>
> Is it possible to do the following with flexbox?
>
> mobile (just a stack, no flex yet):
> 1
> 2
> 3
>
> desktop (two-column with different order):
> 2 1
> 3
>
> Struggling with this...
> TIA
@media (
The only way, so far, that I've been able to get close was using
flex-direction: column; and assigning a fixed height to the parent causing
the children to wrap, which is not something I want to do for obvious
reasons. Fixed heights are rarely a good idea.
On Mon, Mar 4, 2019 at 11:48 AM Wade Sma
As your page grows from mobile to desktop you would assign
your 2nd column order and grow properties. 2 would either
grow at a expanded rate constantly pushing the column out
to the side or be a constant.
You could also tackle this in a totally different way:
with your php code (or whatever logic
I'm afraid I'll need a little more info than that.
On Mon, Mar 4, 2019 at 11:40 AM Wade Smart wrote:
> flex grow.
> --
> Registered Linux User: #480675
> Registered Linux Machine: #408606
> Linux since June 2005
>
> On Mon, Mar 4, 2019 at 10:30 AM Tom Livingston wrote:
> >
> > I'm good on using
flex grow.
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
On Mon, Mar 4, 2019 at 10:30 AM Tom Livingston wrote:
>
> I'm good on using the order property, my issue is how I can get 3 divs to
> go from 1 stacked column to 2 columns on desktop. Can I do th
I'm good on using the order property, my issue is how I can get 3 divs to
go from 1 stacked column to 2 columns on desktop. Can I do that with flex?
1
2
3
becomes:
21
3
2 being it's own column, 1 and 3 stacking in a second column.
On Sat, Mar 2, 2019 at 8:01 AM Wade Smart w
Crap.. sorry, didnt reply to the group.
Check out the Order property.
https://developer.mozilla.org/en-US/docs/Web/CSS/order
I had to go find it but I had learned about this in class.
When you are in mobile mode you and specify 2 to be first in order
but when in desktop mode you are 1 2 3 in ord
Hello listers,
Is it possible to do the following with flexbox?
mobile (just a stack, no flex yet):
1
2
3
desktop (two-column with different order):
2 1
3
Struggling with this...
TIA
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx
13 matches
Mail list logo
