In a two-column layout, you want the main content to occupy 70% of the available width and the sidebar to take the remaining 30%. How should you set the widths of these elements in CSS for a fluid, responsive layout?