CSS making my page responsive for smaller screens

To ensure responsiveness without completely altering your layout, you can use the @media query to redefine the grid structure for smaller screens, such as stacking content into a single column.

To resolve the overlapping issue, check the height and positioning of elements within the grid layout, particularly how the 'header' interacts with the 'content' area in your CSS.

Read at SitePoint Forums | Web Development & Design Community