Previous Message
Next Message

Responsive grid layout with graphics and scaling

Sent by Tom Livingston on 16 July 2016 14:02


Ok, I'll play with it. Thanks.

On Saturday, July 16, 2016, Karl DeSaulniers [EMAIL-REMOVED]> wrote:

> Oh no, that is the part you needed to change Tom.
> I only set those to do that for the example to show you could set
> different sizes and it worked.
> If you set them to the same height and change the widths, I believe that
> is what you were talking about.
> If not, then good luck, I tried.. :)
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
>
> > On Jul 15, 2016, at 8:19 AM, Tom Livingston [EMAIL-REMOVED]
> <javascript:;>> wrote:
> >
> > This does not do what I was looking for. Images scale at different times
> > and are different sizes while doing so. Looks like flex is the best
> option.
> >
> > Thanks for the time!
> >
> >
> > On Sat, Jul 2, 2016 at 12:52 AM, Karl DeSaulniers [EMAIL-REMOVED]
> <javascript:;>>
> > wrote:
> >
> >> Hey Tom,
> >> I had this in my codepen. Made a few adjustments to taylor to your needs
> >> (hopefully).
> >> I "think" this is what you're going for. The :nth-child stuff is just
> for
> >> demo purposes.
> >> This also doesn't use flex. You will have to season to taste though and
> >> make it work for you.
> >>
> >> http://codepen.io/designdrumm/pen/BzRrKg
> >>
> >> Best,
> >>
> >> Karl DeSaulniers
> >> Design Drumm
> >> http://designdrumm.com
> >>
> >>
> >>
> >>
> >> On Jul 1, 2016, at 12:44 PM, Tom Livingston [EMAIL-REMOVED]
> <javascript:;>> wrote:
> >>
> >>> On Fri, Jul 1, 2016 at 8:58 AM, Chris Rockwell <
> [EMAIL-REMOVED] <javascript:;>>
> >>> wrote:
> >>>
> >>>> Hi Tom,
> >>>>
> >>>> OK, I think they should scale, by default, at the same time also.  I'm
> >>>> apparently pretty dense this week but are you finding otherwise?
> >> Consider
> >>>> this: http://codepen.io/anon/pen/GqmdxG - is that the behavior?
> >>>>
> >>>
> >>>
> >>> This is great, yes. However, will it work without flex? Sorry, don't
> have
> >>> time to play with it right now...
> >>>
> >>>
> >>>
> >>>
> >>> --
> >>>
> >>> Tom Livingston | Senior Front End Developer | Media Logic |
> >>> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> >>>
> >>>
> >>> #663399
> >>> ______________________________________________________________________
> >>> css-discuss [EMAIL-REMOVED] <javascript:;>]
> >>> http://www.css-discuss.org/mailman/listinfo/css-d
> >>> List wiki/FAQ -- http://css-discuss.incutio.com/
> >>> List policies -- http://css-discuss.org/policies.html
> >>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >>
> >> ______________________________________________________________________
> >> css-discuss [EMAIL-REMOVED] <javascript:;>]
> >> http://www.css-discuss.org/mailman/listinfo/css-d
> >> List wiki/FAQ -- http://css-discuss.incutio.com/
> >> List policies -- http://css-discuss.org/policies.html
> >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >>
> >
> >
> >
> > --
> >
> > Tom Livingston | Senior Front End Developer | Media Logic |
> > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> >
> >
> > #663399
> > ______________________________________________________________________
> > css-discuss [EMAIL-REMOVED] <javascript:;>]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED] <javascript:;>]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>


-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: