Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS for responsive and flexible web design

    I just want to contribute this stuff, in developing flexible and responsive web design.

    @media screen and (max-device-width: 480px) {
    .column {
    float: none;
    }
    }
    Or as part of an@import directive:
    @import url("shetland.css") screen and (max-device-width: 480px);

    Adapt, respond, and overcome

    Let’s turn our attention to the images at the base of our page. In their default layout, the relevant CSS currently looks like this:

    .figure {
    float: left;
    margin: 0 3.317535545023696682% 1.5em 0; / 21px / 633px /
    width: 31.121642969984202211%; / 197px / 633px /
    }li#f-mycroft,
    li#f-winter {
    margin-right: 0;
    }
    linearize the page let's say 600px
    @media screen and (max-width: 600px) {
    .mast,
    .intro,
    .main,
    .footer {
    float: none;
    width: auto;
    }
    }
    source: http://www.gather.com/viewArticle.ac...81474981856250

  • #2
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you for the post.I was looking for this coding from a long time.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •