Grow your CSS skills. Land your dream job.

Responsive paragraph

  • # March 25, 2013 at 12:24 pm

    Hiya

    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.

    cheers

    Noob McNoobikins

    # March 25, 2013 at 12:34 pm

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

    http://codepen.io/ChrisPlz/pen/Afjmc

    # March 25, 2013 at 12:34 pm

    You mean like this?: http://codepen.io/Paulie-D/pen/ghxyJ

    # 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 (http://www.woothemes.com/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.

    cheers

    # 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.

*May or may not contain any actual "CSS" or "Tricks".