Two Columns in Desktop, One Column in Mobile

  • Status: Closed
  • Prize: $25
  • Entries Received: 1
  • Winner: i333

Contest Brief

Offering a quick $25 for the best solution.

I have a form on an ASP.NET page that imports Wordpress styles. The form is located here:

http://hwh.azurewebsites.net/contactform.aspx

The Wordpress style puts the labels and inputs in one column (Mobile.png) which is fine for mobile but not for a wider desktop screen.

The goal is to fix the desktop version of the screen to display the labels on the left and the input controls on the right as shown in Desktop.png.

The contest is to produce a responsive CSS script that can be *pasted into the page markup* to produce the effect shown in Desktop.png. The page must remain responsive so the mobile version continues to render like Mobile.png

You can use jQuery but cannot change the version or location of the jQuery files. The winner will be the simplest solution that exactly matches the requirements.

This should be easy for someone who knows responsive design and Wordpress themes.

Recommended Skills

Employer Feedback

“A perfect job, done quickly.”

Profile image kjopc, Canada.

Public Clarification Board

  • i333
    i333
    • 11 years ago

    I believe i have got solution for you.

    • 11 years ago
    1. i333
      i333
      • 11 years ago

      margin-top:0px!important;

      • 11 years ago
    2. i333
      i333
      • 11 years ago

      thanks again. It was great working with you!

      • 11 years ago
  • i333
    i333
    • 11 years ago

    Hi there

    • 11 years ago

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!