Posted in sections
6
4:33 am, September 20, 2021

easy section wrap in foundation

i am always writing these wrap sections so i thought i would just add a basic one here, easy to copy and paste into a new section

HTML

<style>
.mysection-wrap {
	margin:0 auto;
	width:100%;
	max-width:1200px;
	padding:50px 0;
	text-align:center;
}
.mysection {}
.mysection-title {}
.mysection-text {}
</style>
<div class='mysection-wrap'>
	<div class='grid-container'>
		<div class="grid-x grid-padding-x grid-margin-x">
			<div class="large-12 cell">
				<div class="mysection">
					<div class="mysection-title">
						<h2>My Section Title</h2>
					</div>
					<div class="mysection-text">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rutrum sapien non ornare sagittis. Fusce quis dignissim felis. Pellentesque iaculis nisl et est ultricies, id mollis lorem volutpat. Praesent nec nunc vel quam facilisis
						scelerisque a ut orci. Sed sed enim vestibulum ex commodo venenatis vitae in mi. In eu velit sed nunc euismod tempor ac at odio. Mauris sit amet mi ac turpis rutrum congue sit amet id nunc.
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

CSS

.mysection-wrap {
	margin:0 auto;
	width:100%;
	max-width:1200px;
	padding:50px 0;
	text-align:center;
}
.mysection {}
.mysection-title {}
.mysection-text {}

Scripts

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.7.1/css/foundation.min.css" integrity="sha512-v+8NDdbqsMuwxIAN2W+k6TQRNEBHl8JYCqlPfrCTWbulRJicymcTHMVS3BSw791eCHMdkQxRznzxxsvEuNQe3w==" crossorigin="anonymous" referrerpolicy="no-referrer" />

View Statistics
This Week
43
This Month
241
This Year
0

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!

❤👩‍💻🕹

Random Quote
I believe that success can be measured in the number of uncomfortable conversations you're willing to have.
Unknown