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 Petter Östergren
Petter Östergren
6,920 Points

Having some alignment issues

Hello everyone, I'm trying to align my sort post and my icons in post footer to the right but I'm having some issues with it. Anyone have any thoughts on how to achieve this?

https://codepen.io/petterostergren/pen/JraVBo

2 Answers

Max Senden
Max Senden
23,177 Points

I have one possible answer:

You target the sort button in the container. Give it a relative position so that you can move it from its current position and then play around with the left value. e.g.

Probably it will become a bit messy on various screen sizes but you can adjust that with media queries or possibly a better solution with more simple css.

.container .dropbtn-sort {
    position: relative;
    left: 750px;
}
Petter Östergren
Petter Östergren
6,920 Points

Thanks once again Max, will start by using this and see if different solutions pop up as well :)

Max Senden
Max Senden
23,177 Points
Max Senden
Max Senden
23,177 Points

Hi Petter,

If I understand you correctly is it not a simple matter of changing the float: left in '.post-footer li' to a float: right?

Hope it helps, Max

Petter Östergren
Petter Östergren
6,920 Points

Hi Max, oh that was a miss for sure. And solved the footer issue. Do you have an idea about the sort by button to place it to the right as well?

Cheers!