1. I've started a massive SPAM purge, any accounts that have spammed are being removed, also for a short period new user signups are disallowed until the SPAM cleaning is finished.

How to create responsive and flexible web design

Discussion in 'Graphics and Design' started by jorgepson, Mar 4, 2013.

  1. jorgepson

    jorgepson New Member

    Joined:
    Mar 4, 2013
    Messages:
    3
    Likes Received:
    1
    Trophy Points:
    1
    Gender:
    Male
    just got this CSS for responsive and flexible web design

    Meet media query:

    @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 is gather /viewArticle.action?articleId=281474981856250

    i think this will help.
    idealphilli likes this.
    Loading...
  2. methwroser

    methwroser Guest

    By applying best practices such as creating a correct document structure in the mark-up and the programming codes behind it allows responsive design to adapt to the screen size and resolution of any computer platform such as desktop.
  3. idealphilli

    idealphilli Member

    Joined:
    Apr 14, 2013
    Messages:
    71
    Likes Received:
    0
    Trophy Points:
    6
    Location:
    Philadelphia , Pennsylvania

    this is good way to make responsive web design
  4. nhunet

    nhunet New Member

    Joined:
    Apr 11, 2013
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Male
    I refer Twitter Bootstrap. It's hard for the first time you try it. But for long terms, your work will be based on a strong and experienced background.
  5. David Abraham

    David Abraham New Member

    Joined:
    Mar 12, 2013
    Messages:
    22
    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Male
    Thanx for sharing that information

Share This Page