wrap .w20
Used for small spacing between sections
wrap .w80
Used for dark section between two white sections (+30px from top and bottom)
wrap .w50-80
Used for smooth transition between two different background sections (+30 from bottom)
wrap .w80-50
Used to leave more breathing room from top between two different background sections (+30 from top)
pre-defined wraps
Flex Wraps
wrap .w50-center
Used for centering elements within wrap vertically
wrap .w80-center
Used for centering elements within wrap vertically
wrap .w20-center
Used for centering elements within wrap vertically
wrap .w50-80-center
Used for centering elements within wrap vertically
wrap .w80-50-center
Used for centering elements within wrap vertically
wrap .w50-start
Used for aligning elements from top
wrap .w20-start
Used for aligning elements from top
wrap .w80-start
Used for aligning elements from top
wrap .w50-80-start
Used for aligning elements from top
wrap .w50-80-start
Used for aligning elements from top
wrap .w50-Spcbetween
Used for aligning elements to sides while keeping them centered
wrap .w20-Spcbetween
Used for aligning elements to sides while keeping them centered
wrap .w80-Spcbetween
Used for aligning elements to sides while keeping them centered
wrap .w50-80-Spcbetween
Used for aligning elements to sides while keeping them centered
wrap .w80-50-Spcbetween
Used for aligning elements to sides while keeping them centered
wrap .wCustom
Used for special occasions such as hero section and section where you need 0px from bottom for example and for your future designs
