Responsive design

Is there a way to make it work? or start from fresh?
17 Replies
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Avinash
AvinashOP•2y ago
thats what im trying to do but i was wondering can it be done without media queries think
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Avinash
AvinashOP•2y ago
mobile screen width is 480px right? cause i have seen in fcc adn w3s diff dimensions 😖 nope just flex
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Mannix
Mannix•2y ago
can i be done w/o media queries? maybe/probably. Why you don't want to use media queries?
Avinash
AvinashOP•2y ago
idk i feel like if i add media queries then i need to another 100 lines of code
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Avinash
AvinashOP•2y ago
yeah thats what im thinking, i have to make it into dark mode which is like a diff concept to me.
Mannix
Mannix•2y ago
just do it with media queries see how it goes then you will judge if it was worth it and bonus you will learn media queries
Avinash
AvinashOP•2y ago
i saw someone with similiar layout so i implemented it, not my originality tho sure , i will work on it
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Avinash
AvinashOP•2y ago
before posting here i used flexwrap, i noticed bigger font
13eck
13eck•2y ago
Mobile screens are can vary between roughly 360px to about 1,800px depending on the device. There is no One True Number. This is why I keep saying let the content dictate how it looks, not the device. This is also why mobile-first is commonly used for creating websites. You start with a single column so it looks good on all devices/viewports. Even with zero CSS support a mobile-friendly display will still work on an ultra-wide 8k display…it won't take up a lot of room, but it'll work. The opposite never works: if you make it desktop-first then you must make changes/add media queries to make it useable on smaller screen sizes.
Avinash
AvinashOP•2y ago
so if i were to start from fresh which im willing to how should i go by? any pointers/tips think willing to put effort in learning thumbup i have to change HTMl div tree? think
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Jochem
Jochem•2y ago
I'd recommend following Kevin's free Conquering Responsive Layouts course, it's a really good start at the basics of building responsive websites
Want results from more Discord servers?
Add your server