The display on GitHub pages is different from my browser

Hi! I’ve recently made a github page (https://bmg1612.github.io/blog-udacity/) but when I open the project on my phone or Ipad, the card items off the home page are not separated. On the desktop is perfect!

I’ve tried to add margin, change the flex layout, but the problem continues. Maybe it is not importing the @media queries (but in that case would mess up the desktop version too)

IMG_3151.PNG|231x500

Can you guys help me? thanks!

Hi @Bmg1612, welcome to the GitHub Support Community!

It looks like that URL is showing a 404 now. Has your project moved and do you still need help with this, or have you managed to figure it out?

Hi @thomasshaped ! Thanks for the reply. I figured it out, I actually initialized GitHub Pages in a wrong way. Fixed it already, thanks!

1 Like