Responsive Grid Layout #codewith_muhilan #css #coding

Responsive Grid Layout...🧠

Free Source Code👇

Telegram and GitHub link in Bio👆
-----------------------------------------------------------------------

Follow for more! 😊

-----------------------------------------------------------------------

-----------------------------------------------------------------------

Hashtags: #javascript #coding #logicalquestions #codewith_muhilan

[donelkotcornieh]

The guy read the CSS Tricks guide and did this, like everyone else...

useful af

[hitbox]

Don’t use pixel, global REM media query’s are the way to go. Only reason to ever use pixel is for max-width containers within sections and outer padding gaps for smaller screens. Other then that, you don’t need absolute size values for anything. And tablet breakpoint starts at around 778 pixels, not 678, this includes desktop-like tablet versions from apple as well.

The layout is fire, I see a use or two for a cool web-app UI.

[titantayeb]

I didn't know about the grid areas 😭😭😭 thank you so much

[George-dtil]

Only problem I see is on a high screen vertically it would be very hard to navigate, but I like the concept

[sxlg_]

Actually useful and well done with the visualization

[mousesunset]

That's a really good idea, thanks 👍

[amritkumar]

Can you make separate full detailed video how you make it

[MrJloa]

Just replace media query with a container query and u good to go

[AtomicChristmas]

cool layout but this would be a pretty specific use case
generally things in the aside sections dont wrap like that on mobile

[shaktube]

Bro can you make such videos for android development

[guestIdk-nihb]

Never used grid template areas, that's so cool. Enough to tempt me to go back to web dev

[marketinginhouse]

Nowadays all of this can be done using grid, without the need to resort to @media Queries

[CarlWicker]

why use grid on that mobile layout?. Seems redundant.

[razzabmolla]

Full code link in description??
Where are your code link ?

[alexandregaldino]

sou novo nisso então desculpem se eu estiver falambo merda, são 2 codigos um pra PC e um pra mobile?

[vermillionnobody]

Which programming languages do you use brother? 😅

[Hemantdeveloper]

Chat gpt : baby bas ek bar bol do mai tumko isse bhi complex layout bna kr de dungi 😂😂😂😂

[StonHenge]

Content overflow? No, have not heard 😅

[oliver]

But I still always worry about the compatibility of grid-template-area😵‍💫

[nbotz]

Too much CSS for my taste, and the same result can be achieved with far less code. In addition, viewports between mobile and desktop also need to be adjusted.

Font sizes should never be specified in fixed pixels, instead work with EM or REM. I would also use EM or REM for media queries, container queries and spacing.

Nice for beginners to learn, but not recommended beyond that.