Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Miguel Palau
Miguel Palau
24,176 Points
Posted by Miguel Palau
Miguel Palau
24,176 Points

I made a little Sass Flexbox Grid Maker help me improve

Link to my Gist on SassMeister

Inspired by Flexbox Grid

I think I'm still missing like the point on what to do for a truly mobile first approach.

Sorry the comments are in spanish but the code is in semi-english.

1 Answer

efewafewa
efewafewa
21,825 Points
efewafewa
efewafewa
21,825 Points

You need to make sure that your text isn't overlapping your image. On Chrome it's causing problems.

What are you having trouble on understanding as far as a mobile first approach goes? Your variables are in Spanish so it's making it a little hard to get a quick overview of your code, since I don't understand Spanish.

If you could be a little more specific of what you don't understand or what you are trying to understand then I could help out.

For a truly mobile first approach, really the only thing you need to keep in mind is that you are creating something for a smaller width first, so that expanding your elements will not cause as much of a problem as trying to cram and expanded project into a small space.

Feel free to get back to me on this, I would love to help out if I can!

Miguel Palau
Miguel Palau
24,176 Points
Miguel Palau
Miguel Palau
24,176 Points

Thanks for the feedback I also noticed that, but I'm thinking its because I didn't set a container. And also because I'm intending to use it with autoprefixer for that backup.

I will translate everything to english and come back here with another reply to keep everything in check.

My thoughts on the mobile first approach I'm thinking that the rows should display by default as flex-direction: column but I still don't know since really all that I was looking was to replicate flexboxgrid but with sass, lol

I'll keep you updated.

Thanks for the interest!

Miguel Palau
Miguel Palau
24,176 Points
Miguel Palau
Miguel Palau
24,176 Points

I made a GitHub repo

https://github.com/mike3run/better-flexboxgrid

I could add you as a contributor.

Turns out the original flexbox grid was crappy to begin with so me cloning it into sass didn't help with the inherent issues it has…

So it's time to think a bit more