Tribute page not centering on my screen

Tell us what’s happening:
Hello campers, I have been trying to center my tribute page on my screen to no avail. what am I doing wrong exactly.
I have added the width and set the margin to auto yet its not working. Please help me out.

Your code so far
here’s the link to my work

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; CPH1909 Build/O11019) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Mobile Safari/537.36.

Challenge: Build a Tribute Page
Link to the challenge:*

It is because you are applying display grid on the container element. Remove the code below from your CSS. It will be centered.

.container{
    display: grid;  
    grid-gap: 5px;  
    grid-template-columns: repeat(auto-fit, 100px);
    grid-template-rows: repeat(2, 100px);
   
}

It worked, thanks a lot. But how do I now make the page responsive to all screen sizes since the deleted lines of code was for that purpose.

You can use media queries. I don’t think it is even appropriate to use grid box here.

am on it already…thanks for your help.