Previous Message
Next Message

Responsive grid layout with graphics and scaling

Sent by Chris Rockwell on 1 July 2016 13:01


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?

On Thu, Jun 30, 2016 at 8:37 PM Tom Livingston [EMAIL-REMOVED]> wrote:

> On Wednesday, June 29, 2016, Chris Rockwell [EMAIL-REMOVED]>
> wrote:
>
> > If this layout were in a narrower viewport than shown, and keeping
> >> the grid as shown, in my mind the graphics in the middle row would
> begin to
> >> scale before the rest.
> >
> >
> > For clarification: are you saying that's how you think it should work
> *or*
> > that is the desired effect you're going for?
> >
> Sorry Chris. In my mind, if there images are gonna scale, they should scale
> at the same time, whenever that may be.
>
>
>
> >
> >
> >> They are widest and their combined width would be the first to match the
> >> viewport width and therefore scale before the rest causing different
> line
> >> widths etc.
> >
> >
> > I'm having trouble wrapping my head around what you're going for, can you
> > provide an image of what it would be like at a smaller width?
> >
> Not at the moment. Hopefully my other answer will help.
>
>
>
> >
> >
> >> --
> >>
> >> Tom Livingston | Senior Front End Developer | Media Logic |
> >> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> >>
> >>
> >> #663399
> >> ______________________________________________________________________
> >> css-discuss [EMAIL-REMOVED]
> >> [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/
> >>
> >
>
> --
>
> 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/
>
______________________________________________________________________
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: