I need to create a responsive web page layout for a blog. The layout should have a header with navigation, a two-column layout with main content (75% width) and sidebar (25% width), and a footer. On mobile devices, it should stack the columns with main content first, then sidebar. Use Flexbox or CSS Grid for the layout. Include example HTML and CSS with comments explaining the responsive design approach.