**My text is great until it’s scaled down small and then it travels off to the left hand side of the screen. I’ve tried several different things but I can’t seem to get it to stay fixed over the image and scale down responsively at the same time. **
HTML
"The most dangerous phrase in our language is: We've always done it that way." -Hopper
To be clear my text actually sits over top of the image, in the empty space to the left of Hoppers face; not underneath it as it’s showing here for some reason.
I tried to put it in the middle, but it looks so bad in the middle lol
btw:
your html code it’s quit messy,
also I recommend use less or sass to rewrite your css, that’s a better way to write css.
of cause have better way to write html too,
the only thing u have to do it’s rewrite it in them.
Just be careful with this type of advice, as it’s important to bear in mind where people are at with their learning. If someone is on these challenges (ie the first part of the FCC curriculum) then they won’t have encountered SASS yet.
You can pass these challenges without SASS and SASS hasn’t been mentioned or taught on the curriculum at all yet, so telling someone they should use it is at best only going to confuse someone and at worst will see them waste valuable learning hours on something they don’t need to get through the curriculum.
I think it’s important to mention because, as someone who has recently finished that part of CSS, it would have confused me massively.