e-oj / Magic-Grid

A simple, lightweight Javascript library for dynamic grid layouts.

Home Page:https://www.npmjs.com/package/magic-grid

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Everything in the grid is scaled down in mobile view

LiChoi opened this issue · comments

This is what the grid looks like when I resize the desktop browser to 325px (expected behavior):

Screen Shot 2022-05-12 at 2 58 04 PM

This is what the grid looks like when I put the grid in mobile view set to screen width of 325px (everything is scaled down and there are 3 columns):

Screen Shot 2022-05-12 at 2 57 43 PM

In both scenarios, screen width is 325px, but grid renders differently. Why is that?

How do I make the mobile view behave the same as desktop view?

figured it out
I was missing this in the header


<meta name="viewport" content="width=device-width, initial-scale=1" />