Closed

Modify exsitng css to be responsive and cross browser compatibility

This project received 15 bids from talented freelancers with an average bid price of $192 USD.

Get free quotes for a project like this
Employer working
Project Budget
$30 - $250 USD
Total Bids
15
Project Description

Modifying my current css file to be "RESPONSIVE DESIGN" for bigger (15" to 21") and smaller screens (iPad, and iPhone5)

Example:

Five CSS3 Media Query increments: 480, 600, 768, 992 and 1382px

/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

/* Styles */

}

/* Smartphones (landscape) ----------- */

@media only screen

and (min-width : 321px) {

/* Styles */

}

/* Smartphones (portrait) ----------- */

@media only screen

and (max-width : 320px) {

/* Styles */

}

/* iPads (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

/* Styles */

}

What i am looking for is responsive design for website!!!!

articles and explanation of "RESPONSIVE DESIGN"

[url removed, login to view] "2 Column (Left Menu) Liquid Layout"

[url removed, login to view]

[url removed, login to view]

SCOPE:

Step 1 modifying existing css template to work with different screen size 2 Column (Left Menu) Liquid Layout (RESPONSIVE DESIGN) using existing DIV elements

Step 2 test changes on current [url removed, login to view] file

Step 4 sends me css file, images, and doc with instructions to add categories DIV elements

If needed update maybe add/change script in the header,body,footer

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online