CSS-Grid Question

So I am just starting to learn Grid.

I am building out a layout and I noticed that although it resizes on the desktop. It does not on the mobile, in fact it just displays the desktop website zoomed out, but it fits the screen which is strange.

Its just strange that I have never experienced this with bootstrap or Flexbox.

https://webstormcam.github.io/Layout-master/

Let me know if someone can take a look at this.

Thanks!

Hi @camercha ,

Your question is not clear. Kindly let us know how you want it to display in mobile responsiveness and the issue you are facing.

I am expecting it to look like this image

On the mobile it just displays like its viewing on the desktop and is extremely zoomed out.

Notice how in inspect the containers values are sized large

Answering my own question, the teacher neglected to include this piece of code:

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

Mods, you can close this thread now and delete if you want. Thanks!

1 Like

hi. ı am web developer. If there’s anything I can help with, you can ask.GOOD DAYS :slight_smile:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.