Skip to content

Instantly share code, notes, and snippets.

@0kzh

0kzh/full-width-section.css

Created April 26, 2024 14:51
Show Gist options
  • Save 0kzh/d56c10756d2174f4b4215306971255dc to your computer and use it in GitHub Desktop.
Save 0kzh/d56c10756d2174f4b4215306971255dc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
full-width-section.css
.fullWidthSection {
/* Hack to make the section full viewport width */
width: 100vw;
margin-left: calc(
-50vw + 50%
); /* Adjusts the section to align left edge with the viewport */
margin-right: calc(
-50vw + 50%
); /* Adjusts the section to align right edge with the viewport */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment