somebody PLEASE help me explain to my mom (web developer from the dreamweaver era working with me on my theater company’s wordpress site) that my small macbook air doesn’t use the tablet formatting for my pages simply because my resolution is smaller. i am actually losing my mind she’s CONVINCED we just design a “small medium and large version of the page” and depending on the size of your screen your device loads the appropriate size and i’m trying to explain the difference in tablet OS/vs computer and it’s just not working please help me
edit: our website has different menu options for the tablet and web versions, all it took was me showing her that we don’t have the hamburger menu on the macbook air but we would if it was a tablet. most of yall were unhelpful and some a little rude! you misunderstood what i was saying just like my mom did!
You should probably listen to your mom.
While it should be based on exact breakpoints and not just subjective small, medium and large sizes it seems like your mom is kind of right here.
No, you only design ONE version of the page (for clarity: you use CSS media queries adapt the design to suit the device), using “responsive design” (which has been how you build websites for 10+ years). How you go about this depends entirely on how your site was built eg what theme and what page page builder.
Yeah, one design and add media queries to make everything look nice.
Your mom is right, and it’s common practice among the better designers to give you three different looks with a design, phone, tablet and desktop. Depending on what size your mom would choose the page to “respond” or switch, to the tablet design your tiny mac book air could see the tablet version. I often trigger the mobile menu at 1200px so i don’t get a messy top menu on tablet. That could be you bro. You should listen to ur mom.
If using Chrome on your Macbook, click inspect and open the responsive menu and resize. The responsive change will be observable.
As someone from the age of Dreamweaver, I do vaguely recall in Drupal 6 & 7, some themes would load a completely different t style sheet based on narrow, normal or wide viewports. Your mom may be thinking of how it was done back in the day, before responsive and media queries were a thing.
Mommy is right kiddo
Um, actually we kinda do design small medium large versions of a page, and (on my laptop at least) you can indeed see the medium/tablet version of a page if your screen resolution is low enough.
I feel dumber after reading this nonsense. Google responsiveness and attempt to research it before asking strangers on the internet? Literally what did you hope to gain here that you couldn’t from a google search?