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 about 1 year ago










My Comments

Zurb Rules commented on Adrian Bengtson's post 10 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 about 1 year

Thanks Rafi.

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

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 about 1 year

<!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 about 1 year

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.

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

I had this happen to me a few times yesterday. I made a post here about it, but it got deleted, and I didn't want to open a new discussion, for fear I would get banned.....and look it popped backup :D  I waited a little while to re download the "goods", and the new download had the index.html page when I unpacked the files. I tried to copy and paste all the html from the installation page when I didn't get the index.html file the first few times but, my Chrome was giving jquery errors. 

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

Posts Followed





Following

    No Content

Followers

My Posts


My Comments

You commented on Adrian Bengtson's post 10 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 about 1 year

Thanks Rafi.

You commented on Mike Weisz's post about 1 year

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 about 1 year

<!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 about 1 year

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.

You commented on Zurb Rules's post about 1 year

I had this happen to me a few times yesterday. I made a post here about it, but it got deleted, and I didn't want to open a new discussion, for fear I would get banned.....and look it popped backup :D  I waited a little while to re download the "goods", and the new download had the index.html page when I unpacked the files. I tried to copy and paste all the html from the installation page when I didn't get the index.html file the first few times but, my Chrome was giving jquery errors. 

You commented on Zurb Rules's post about 1 year

Posts Followed

Following

  • No Content

Followers