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

Posted by Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Help with positioning CSS

HI,

SO this technique is totally new to me, never used tables in this way.

Now, I'm reduplicating this airbnb website, and I have problem with the button to beeing inside that.

If you look at mine copy, you can see that my button is out of everything on the right.

It supposed to go up.

The content has psition relative, but it ignores that, and i just don't get it.

It needs to be on width less than 743px, since we all know we start from mobile first :)

Alex Watts
Alex Watts
8,396 Points

Hello Aurelian,

Could you re-phrase your question please. It is hard to understand what you need help with. P.S. it is not always best to start from mobile.

Thanks :)

Aurelian Spodarec
Aurelian Spodarec
10,801 Points

I solved it :D but thanks

Aurelian Spodarec
Aurelian Spodarec
10,801 Points

"P.S. it is not always best to start from mobile." what do you mean? yeah, if you're doing a site that's targeted for desktop users most likely, but most of the site, are going to be from mobile first right, there woudl be a very specific site , like data that would be probably better on desktop right?

2 Answers

Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Solved :D

Alex Watts
Alex Watts
8,396 Points
Alex Watts
Alex Watts
8,396 Points

Hi again,

From my experience, I have always started from the desktop downwards. By doing this I can complete the websites design and functionality and then focus on making it responsive. I personally find this easier and can complete a project quicker.

Are you using bootstrap?

Aurelian Spodarec
Aurelian Spodarec
10,801 Points

It's not best practice to go from desktop to mobile. Most people are on mobile these days, so they wan't as little as code as possible to load, plus it's easier to scale a website up. It takes practice. The site loads faster, and in general, if you watch tutorials on TTH, most of them time, mobile first.

I was doing sites from desktop as well, but learned how to do it from mobile. I just started to improve in the last two weeks when i did every tutorial here or im still doing, and it helped me. Even though i could build any sites before. It's really easier to gro from mobile to dekstop. You should try it, and i don't know if you got a job or not, i think most employees would go with mobile first.

No, I don't use any frameworks right now. I hand code everything now. It's good for learning curve. Also, i want to be front-end dev, so I need to master it. Believe me, I have learned soo many things by hand-coding, while using bootstrap not as much.

Frameworks are good if you get grasp of HTML/CSS, but then move out of frameworks, and u get even better.