Menu icon Foundation

Designer

My Posts



  • 1
    Reply
  • None of align classes are working

    By Zurb Rules

    sitesxy gird

    I'm following along with Rafi in the youtube video that was just released. XY Grid In the video we use align-center, align-right, and other, but my code never ever works. What am I doing wrong here? The above classes I use, never work on my cells...... (continued)

    Last Reply by Rafi Benkual 12 months ago









My Comments

Zurb Rules commented on Adrian Bengtson's post 8 months

Kevin Ball has a website zendev.com, he was doing live videos for a while and has since stopped. In one of the videos, Kevin stated that Zurb has recently had suffered some massive layoffs. Kevin has also stated that Rafi is the only one running the forum right now on top of his other duties at Zurb. I've been toying around with the xy grid(CLI stuff) and it's awesome. I've done a few online courses available on the internet that are for the foundation xy grid, and there is so much you can do with the xy grid that isn't talked about in the docs, and it sucks. The sass mixins you can use are unbelievable, and the browserstack option that comes with the cli download is the thee bomb. Kevin stated that Zurbs bread and butter is in the online courses they offer through Zurb university, so that's why you don't see the true power of the xy grid in the documentation. Bootstrap has a big following, and their docs are top notch and the tutorials available for free on youtube number in the 100s. I tried Bootstrap about a month ago, and the setup was a pain, Zurb tops Bootstrap on that. I wouldn't fault anyone for going to Bootstrap though because of the lack of interactivity on the forum, the lack of deep information available in the docs, and the general way things are going right now. If Foundation wants to be the real leading edge in the framework realm they need to get active on the forums and open up the everything that foundation can do at little to no cost. Many people can't afford to drop the cash that it costs to the live training seminars. 

Zurb Rules commented on Zurb Rules's post 9 months

Hi Bill. Yes, you are correct. I made that when I first learned the XY grid. I now use SASS bigtime now. At the time I didn't understand you could use grid-margin-y. 

Zurb Rules commented on Zurb Rules's post 12 months

Thanks Rafi.

Zurb Rules commented on Zurb Rules's post 12 months

Thanks Rafi, you helped me with learning the XY grid. I've been practicing, and now I installed Foundation using the CLI, and I plan on practicing SASS.

Zurb Rules commented on Mike Weisz's post 12 months

Holmescreek, you said it, I tried to post multiple times on the forum, and every post gets flagged for spam. I was supposed to be white listed, but I still get flagged. I feel bad, but I'm going to bootstrap for now, and have since unsubscribed to Zurb's YouTube Channel. As much as I love Zurb, and Rafi's help, I'm packing it in.

Zurb Rules commented on Zurb Rules's post 12 months

<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<header class='header grid-x align-center align-middle'>
<div class='cell shrink'>
<h1>Our Site</h1>
</div>
</header>
<div class='grid-container'>
<div class='main-content grid-x grid-padding-x align-center'>
<div class='cell shrink'>
<h3 class='pad'>What We Are</h3>
</div>
</div>
</div>
<div class='grid-container'>
<div class='grid-x grid-padding-x interesting'>
<div class='cell small-12 medium-4'>
<img src="http://skirogaining.tojnar.cz/gpx/gpx-web.svg" alt=''>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='cell small-12 medium-4'>
<img src="http://skirogaining.tojnar.cz/gpx/gpx-web.svg" alt=''>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='cell small-12 medium-4'>
<img src="http://skirogaining.tojnar.cz/gpx/gpx-web.svg" alt=''>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>

My HTML, for some reason the board won't let me add my HTML and CSS in my original post.
.header {
background: -moz-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ /
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,0,1)), color-stop(100%, rgba(0,128,128,1))); /
safari4+,chrome /
background: -webkit-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
safari5.1+,chrome10+ /
background: -o-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
opera 11.10+ /
background: -ms-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
ie10+ /
background: linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
w3c */
}

h1 {
color: white;
margin-bottom: 0;
}

.header {
height: 200px;
}

.pad{
padding-top: 1rem;
}

.interesting {
align-items: center;
}

Zurb Rules commented on Zurb Rules's post 12 months

Sorry for the late reply, I just wanted to say thank you for the information.

Zurb Rules commented on Zurb Rules's post about 1 year

Rafi, thank you so much for all your help, you're a great person, and Foundation is very lucky to have you on the team, and we are lucky to have you on this forum. Thanks again, buddy.

Zurb Rules commented on Zurb Rules's post about 1 year

Thanks Rafi.

Zurb Rules commented on Chris Peckham's post about 1 year

Hey Chris, I have the same worries as you do about flex-box. I was recently chatting it up with some developers on a IRC channel, and they said the same thing that Rafi does. I know a little flex, and plan on going full steam ahead with it after I master the Legacy version of Foundation. It's a shame that IE didn't do what Chrome and Firefox did sooner. I hate supporting IE.

Posts Followed





Following

    No Content

Followers

My Posts


My Comments

You commented on Adrian Bengtson's post 8 months

Kevin Ball has a website zendev.com, he was doing live videos for a while and has since stopped. In one of the videos, Kevin stated that Zurb has recently had suffered some massive layoffs. Kevin has also stated that Rafi is the only one running the forum right now on top of his other duties at Zurb. I've been toying around with the xy grid(CLI stuff) and it's awesome. I've done a few online courses available on the internet that are for the foundation xy grid, and there is so much you can do with the xy grid that isn't talked about in the docs, and it sucks. The sass mixins you can use are unbelievable, and the browserstack option that comes with the cli download is the thee bomb. Kevin stated that Zurbs bread and butter is in the online courses they offer through Zurb university, so that's why you don't see the true power of the xy grid in the documentation. Bootstrap has a big following, and their docs are top notch and the tutorials available for free on youtube number in the 100s. I tried Bootstrap about a month ago, and the setup was a pain, Zurb tops Bootstrap on that. I wouldn't fault anyone for going to Bootstrap though because of the lack of interactivity on the forum, the lack of deep information available in the docs, and the general way things are going right now. If Foundation wants to be the real leading edge in the framework realm they need to get active on the forums and open up the everything that foundation can do at little to no cost. Many people can't afford to drop the cash that it costs to the live training seminars. 

You commented on Zurb Rules's post 9 months

Hi Bill. Yes, you are correct. I made that when I first learned the XY grid. I now use SASS bigtime now. At the time I didn't understand you could use grid-margin-y. 

You commented on Zurb Rules's post 12 months

Thanks Rafi.

You commented on Zurb Rules's post 12 months

Thanks Rafi, you helped me with learning the XY grid. I've been practicing, and now I installed Foundation using the CLI, and I plan on practicing SASS.

You commented on Mike Weisz's post 12 months

Holmescreek, you said it, I tried to post multiple times on the forum, and every post gets flagged for spam. I was supposed to be white listed, but I still get flagged. I feel bad, but I'm going to bootstrap for now, and have since unsubscribed to Zurb's YouTube Channel. As much as I love Zurb, and Rafi's help, I'm packing it in.

You commented on Zurb Rules's post 12 months

<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<header class='header grid-x align-center align-middle'>
<div class='cell shrink'>
<h1>Our Site</h1>
</div>
</header>
<div class='grid-container'>
<div class='main-content grid-x grid-padding-x align-center'>
<div class='cell shrink'>
<h3 class='pad'>What We Are</h3>
</div>
</div>
</div>
<div class='grid-container'>
<div class='grid-x grid-padding-x interesting'>
<div class='cell small-12 medium-4'>
<img src="http://skirogaining.tojnar.cz/gpx/gpx-web.svg" alt=''>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='cell small-12 medium-4'>
<img src="http://skirogaining.tojnar.cz/gpx/gpx-web.svg" alt=''>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='cell small-12 medium-4'>
<img src="http://skirogaining.tojnar.cz/gpx/gpx-web.svg" alt=''>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>

My HTML, for some reason the board won't let me add my HTML and CSS in my original post.
.header {
background: -moz-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ /
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,0,1)), color-stop(100%, rgba(0,128,128,1))); /
safari4+,chrome /
background: -webkit-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
safari5.1+,chrome10+ /
background: -o-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
opera 11.10+ /
background: -ms-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
ie10+ /
background: linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /
w3c */
}

h1 {
color: white;
margin-bottom: 0;
}

.header {
height: 200px;
}

.pad{
padding-top: 1rem;
}

.interesting {
align-items: center;
}

You commented on Zurb Rules's post 12 months

Sorry for the late reply, I just wanted to say thank you for the information.

You commented on Zurb Rules's post about 1 year

Rafi, thank you so much for all your help, you're a great person, and Foundation is very lucky to have you on the team, and we are lucky to have you on this forum. Thanks again, buddy.

You commented on Zurb Rules's post about 1 year

Thanks Rafi.

You commented on Chris Peckham's post about 1 year

Hey Chris, I have the same worries as you do about flex-box. I was recently chatting it up with some developers on a IRC channel, and they said the same thing that Rafi does. I know a little flex, and plan on going full steam ahead with it after I master the Legacy version of Foundation. It's a shame that IE didn't do what Chrome and Firefox did sooner. I hate supporting IE.

Posts Followed

Following

  • No Content

Followers