@jesse10930
Posted
Hey Naman! Your project looks great! To solve your centering issue, one thing you could try using flexbox on the '.container' class.
display: flex;
align-items: center;
justify-content: center;
'align-items' should center the grid vertically and 'justify-content' should center the grid horizontally. You would probably have to remove any margin/padding that you have on the '.container' and '.mainbox' classes and perhaps set the 'height' or 'min-height' of the '.container' class to '100vh' to ensure it centers the grid relative to the height of the screen rather than the height of its parent element.
Hope this helps!
@namankandol
Posted
@jesse10930 I really appreciate your effort. thanks for helping sir😁.