The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Responsive paragraph

  • # March 25, 2013 at 12:24 pm


    Just dipping my toes into CSS (company recently fired our F.E.D. so it’s fallen to me to pick up the can) so pardon my lack of knowledge on the subject.

    One thing i want to achieve is a responsive paragraph that lives within a div that aligns an image to the right at higher resolutions, but snaps the same image to the top at lower resolutions.

    If someone could point me in the right direction i would be most appreciative.


    Noob McNoobikins

    # March 25, 2013 at 12:34 pm

    This reply has been reported for inappropriate content.

    @catfood, it’s a basic media query to change the behavior of the image at a specific screensize.

    # March 25, 2013 at 12:34 pm

    You mean like this?:

    # March 25, 2013 at 12:37 pm

    Yes. Like that.

    Let me see if i can get that to work.

    Thanks for your swift replies!

    hit me up if you need your cars washed/dogs walked/enemies crushed.

    # March 26, 2013 at 9:13 am

    right. I am actually trying to get this to work within the famous flexslider ( and it doesn’t want to know about it.

    what am i missing?

    # March 26, 2013 at 9:31 am

    Got some code or a live link?

    We can’t work in the dark you know.

    # March 26, 2013 at 9:33 am

    eish i was afraid you’d say that – i only have it on my desktop atm. i”ve been tearing my hair out looking for an example that someone else has done – you’d think it would be an obvious usage of the slider – but to no avail. let me keep on scratching around.


    # March 26, 2013 at 9:37 am

    Code pen might help. However you might want to start a new thread since this one is solved.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed