Treehouse | Community | The Float Challenge Solution

Don't forget to gift yourself this Cyber Monday 👀 Get a year of Courses for $150 (40% off!)

Dive into new course Game Development with Phaser 👾

💥 ALL NEW: Code Adventures! ⚡ Dare to embark on a front end coding adventure 🌟

New AI course: Introduction to Computer Vision 💻

Learn about our new Community Discord server here and join us on Discord here!

New workshop: Discover AI-powered VS Code extensions like GitHub Copilot and IntelliCode 🤖

New course! Join Dan as he uses generative AI to design a website for a bakery 🥖

Jump into our new React Basics course 😎

Get job-ready with our Career Toolbox Track's career advice, resume tips, and more 🧰

Learn about our new Community Discord server here and join us on Discord here!

🤖 Check out all our AI content here 👀

Students: got a cool project or resource to share? Submit it to Treehouse Links! 🤩

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

colin Peters
5,895 Points
main-footer::before clear solution help

Posted December 14, 2020 7:29pm by colin Peters

colin Peters
5,895 Points
0 Answers
Jeffrey SPICHER
Front End Web Development Techdegree Student 7,548 Points
Flexbox better?

Posted November 28, 2020 3:15pm by Jeffrey SPICHER

Jeffrey SPICHER
Front End Web Development Techdegree Student 7,548 Points
1 Answer
Kirt Perez
7,374 Points
Guil mentions that we learned the vertical alignment property, which video did he teach us that??

Posted October 26, 2020 8:37pm by Kirt Perez

Kirt Perez
7,374 Points
1 Answer
Kirt Perez
7,374 Points
At the start of the video, how are the lines in between each navigation button created?

Posted October 25, 2020 6:39am by Kirt Perez

Kirt Perez
7,374 Points
3 Answers
jas0n
10,335 Points
media queries

Posted August 29, 2020 9:03pm by jas0n

jas0n
10,335 Points
2 Answers
malcolm mowlam
3,856 Points
challenge task 3 of 4 css layout basics

Posted May 28, 2020 10:47pm by malcolm mowlam

malcolm mowlam
3,856 Points
3 Answers
malcolm mowlam
3,856 Points
challenge task 2 of 4 css layout basics

Posted May 28, 2020 9:22pm by malcolm mowlam

malcolm mowlam
3,856 Points
1 Answer
Kyle Graham
8,332 Points
Workspace not applying float to preview. https://w.trhou.se/oae95wh40o

Posted May 13, 2020 9:54pm by Kyle Graham

Kyle Graham
8,332 Points
1 Answer
MOHAMED ELBIR
11,691 Points
The floats inside the <footer> caused its height to collapse. Give the <footer> element the class that will clear all fl

Posted May 8, 2020 11:32pm by MOHAMED ELBIR

MOHAMED ELBIR
11,691 Points
1 Answer
Viktor Kostiv
5,110 Points
How to display list items side by side with a float?

Posted May 8, 2020 6:27pm by Viktor Kostiv

Viktor Kostiv
5,110 Points
1 Answer
Jonah Livingston
10,433 Points
Why can't we use margin to separate the two floated columns?

Posted May 1, 2020 10:19pm by Jonah Livingston

Jonah Livingston
10,433 Points
1 Answer
giorgio gristina
Front End Web Development Techdegree Graduate 13,839 Points
hey guys, I m having a problem with this exercise. do u know the solution?

Posted April 26, 2020 12:26pm by giorgio gristina

giorgio gristina
Front End Web Development Techdegree Graduate 13,839 Points
3 Answers
Sahmad Nakumbe
3,422 Points
The floats inside the <footer> caused its height to collapse. Give the <footer> element the class that will clear all fl

Posted April 11, 2020 12:16am by Sahmad Nakumbe

Sahmad Nakumbe
3,422 Points
1 Answer
Bartlomiej Pajak
5,062 Points
My solution of float challenge

Posted March 26, 2020 8:09pm by Bartlomiej Pajak

Bartlomiej Pajak
5,062 Points
2 Answers
Justin Morgan
3,639 Points
Why does using inline-block for the two columns instead not work for me.

Posted February 12, 2020 11:32pm by Justin Morgan

Justin Morgan
3,639 Points
1 Answer
PLUS

Steve Seebart
Courses Plus Student 11,897 Points
Differences between block and table in the clearfix solution?

Posted January 27, 2020 4:54pm by Steve Seebart

Steve Seebart
Courses Plus Student 11,897 Points
1 Answer
Sicebisile Bukhwele
996 Points
Why do we create rules to target a floated image inside a media query

Posted November 18, 2019 10:30am by Sicebisile Bukhwele

Sicebisile Bukhwele
996 Points
1 Answer
shaun bolak
Front End Web Development Techdegree Graduate 18,080 Points
Solved the problem. However, now the sticky-footer code is no longer working.

Posted October 9, 2019 2:55pm by shaun bolak

shaun bolak
Front End Web Development Techdegree Graduate 18,080 Points
1 Answer
Rhonda Goolsby
6,992 Points
Why doesn't the .copyright clear both floats when I add .clearfix to the .copyright class?

Posted October 1, 2019 4:50pm by Rhonda Goolsby

Rhonda Goolsby
6,992 Points
4 Answers
Dimitris Karatsoulas
5,788 Points
Difference between nav and div elements.

Posted September 28, 2019 2:01pm by Dimitris Karatsoulas

Dimitris Karatsoulas
5,788 Points
1 Answer
Alejandro Udinov
727 Points
How is header an parent element of floated .name & .main-nav elements ?

Posted September 26, 2019 12:58pm by Alejandro Udinov

Alejandro Udinov
727 Points
1 Answer
Gregory Jones
4,613 Points
The floats inside the <footer> caused its height to collapse. Give the <footer> element the class that will clear all fl

Posted August 20, 2019 6:44pm by Gregory Jones

Gregory Jones
4,613 Points
1 Answer
Robert Rydlewski
3,828 Points
I am losing my mind with CSS :( please help

Posted June 21, 2019 7:18am by Robert Rydlewski

Robert Rydlewski
3,828 Points
1 Answer
Robert Rydlewski
3,828 Points
it would be easier if we get the pdf version of the task. I am not sure what you want me to do with it ?:

Posted June 20, 2019 11:34pm by Robert Rydlewski

Robert Rydlewski
3,828 Points
1 Answer
Mary Voigt
6,591 Points
float not working in Chrome for Mac

Posted June 4, 2019 12:06am by Mary Voigt

Mary Voigt
6,591 Points
2 Answers
Siddharth Pande
9,046 Points
using floats and clearfix

Posted May 29, 2019 12:00pm by Siddharth Pande

Siddharth Pande
9,046 Points
2 Answers
Laly Singh
2,029 Points
Why applying a margin to the p element don't work?

Posted May 25, 2019 4:19pm by Laly Singh

Laly Singh
2,029 Points
1 Answer
loras
2,782 Points
I did it differently, it looks alright. Is it ok?

Posted May 24, 2019 9:12pm by loras

loras
2,782 Points
1 Answer
Jiaqi Yuan
Full Stack JavaScript Techdegree Student 12,336 Points
Proper usage of ::after

Posted May 19, 2019 4:32am by Jiaqi Yuan

Jiaqi Yuan
Full Stack JavaScript Techdegree Student 12,336 Points
1 Answer
Amandeep Pasricha
14,932 Points
Why did he apply the float to only the col class and not individually to primary and secondary?

Posted May 14, 2019 5:14pm by Amandeep Pasricha

Amandeep Pasricha
14,932 Points
1 Answer

Prev Page 1 of 7 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.