The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Switching column order for mobile display
DV1
post Nov 11 2020, 01:01 PM
Post #1





Group: Members
Posts: 1
Joined: 11-November 20
Member No.: 27,628



Hi to everyone. First time here.

I found a very simple bit of code to make two columns. The page is here. What I'm trying to do is make 'Column 2' be first instead of second when it goes mobile-display at 480px.

I did this years ago with another grid system but I figure there is probably a simpler way of doing it with briefer code.

Thank You

Daniel
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 11 2020, 01:55 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,732
Joined: 9-August 06
Member No.: 6



The simple solution, which probably isn't a good idea, is to place column 2 before column 1 in the HTML and float them both right instead of left.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 11 2020, 02:02 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,732
Joined: 9-August 06
Member No.: 6



I said this wasn't a good idea because of how it will display without CSS, col 2 would come first. But since you want it first on mobile maybe that is the logical order and if so it's a good idea. biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th April 2024 - 01:23 AM