17 Replies
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
thats what im trying to do but i was wondering can it be done without media queries
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
mobile screen width is 480px right? cause i have seen in fcc adn w3s diff dimensions 😖
nope just flex
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
can i be done w/o media queries? maybe/probably. Why you don't want to use media queries?
idk i feel like if i add media queries then i need to another 100 lines of code
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
yeah thats what im thinking, i have to make it into dark mode which is like a diff concept to me.
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
i saw someone with similiar layout so i implemented it, not my originality tho
sure , i will work on it
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
before posting here i used flexwrap, i noticed bigger font
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.
so if i were to start from fresh which im willing to how should i go by? any pointers/tips willing to put effort in learning i have to change HTMl div tree?
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
I'd recommend following Kevin's free Conquering Responsive Layouts course, it's a really good start at the basics of building responsive websites