Menu icon Foundation
Is this correct syntax for XY grid

Hello, 

I have just started with the XY grid and still trying to get the hang of it, I was wondering if something like this is correct syntax.

		<header class="header">
			<div class="grid-x grid-padding-x">
				<div class="large-12 cell">
					<nav class="nav">
						<a href="#" class="nav__link hvr-underline-from-center">Home</a>
						<a href="#" class="nav__link hvr-underline-from-center">About</a>
						<a href="#" class="nav__link hvr-underline-from-center">Register</a>
					</nav>
				</div>
			</div>
		</header>

		<main class="main">
			<section class="hero">
				<div class="grid-x grid-padding-x">
					<div class="large-12 cell">
	<!-- -->
					</div>
				</div>
			</section>

			<section class="text">
				<div class="grid-x grid-padding-x">
					<div class="large-12 cell">
						<!-- -->
					</div>
				</div>
			</section>
		</main>

		<footer class="footer">
			<div class="grid-x grid-padding-x">
				<div class="large-12 cell align-right">
					
						
						
					
				</div>
			</div>
		</footer>
 

htmlsyntaxgridxy-grid

Hello, 

I have just started with the XY grid and still trying to get the hang of it, I was wondering if something like this is correct syntax.

		<header class="header">
			<div class="grid-x grid-padding-x">
				<div class="large-12 cell">
					<nav class="nav">
						<a href="#" class="nav__link hvr-underline-from-center">Home</a>
						<a href="#" class="nav__link hvr-underline-from-center">About</a>
						<a href="#" class="nav__link hvr-underline-from-center">Register</a>
					</nav>
				</div>
			</div>
		</header>

		<main class="main">
			<section class="hero">
				<div class="grid-x grid-padding-x">
					<div class="large-12 cell">
	<!-- -->
					</div>
				</div>
			</section>

			<section class="text">
				<div class="grid-x grid-padding-x">
					<div class="large-12 cell">
						<!-- -->
					</div>
				</div>
			</section>
		</main>

		<footer class="footer">
			<div class="grid-x grid-padding-x">
				<div class="large-12 cell align-right">
					
						
						
					
				</div>
			</div>
		</footer>
 
kevin duchateau about 2 years ago

I also start but it seems to me that it is ok ;), have you this margin problem in responsive?http://foundation.zurb.com/forum/posts/53733-margin-right-in-grid-xy

kevin duchateau about 2 years ago

Solution : grid-container-padded