All solutions

Got some help with the JS :)

Got some help on the JS side of things because i don't really know JS that well...

I'm not proud of the poor accessibility my tags have but i just wanted to be complete this challenge... ;)

One issue i had was with a change i had to make for the iphone se 2nd generation- whenever i switched to that view i had the lower text area overlap the phone section. I had to increase the positioning from the top to 95% which looks weird on other devices in that range. Anyone know how I could get it fixed?

This was easy but fun :)

Fun challenge. Anyone know how i can get the bottom svg huddle logo to be white though?? I think I've tried color, background-color, fill, stroke, as well as a codepen app that uses filters but nothing seemed to work. any tips would be greatly appreciated.

Was both fun and difficult. This time i started with a mobile first approach, and built up upon that to larger screens.

A couple of questions:

1. on 375px query i couldn't get the header section to stick to the left. any idea why and how to correct that?

2. Again on 375px query i couldn't get the footer to just wrap the content. It was an entire page high with zero content. I am wondering why and how to fix that.

Thank you <3 :)

I actually enjoyed doing this challenge. My media query isn't the greatest - i know - too much work and too many little fixes but i hope to improve on my media query knowledge in the future. Would you recommend using the mobile first approach or the desktop first approach? Thanks :)

I found this one difficult to complete: The gradient was new to me and how to get it to show on the display. The little triangle thing on the float container was also difficult- i ended up searching for it online and found one method to do it.

I'm not so keen on my media query- i'd like it to be a grid and not a flexbox but i couldn't get the items to align when creating a 1fr grid. Let's call this 375px media query a compromise...

I am not quite sure why the border stopped near the bottom (but not quite) on the desktop version. If anybody knows how to correct that that would be great!

This one was okay to build up to the media query which i just couldn't get to work like i wanted and resorted to using {display: block}. You can see 3 media query attempts in the css file. I couldn't get the top part (.headline) to scale to a smaller size properly like in the solution. any ideas? thanks x

For an 'easy' challenge this was kind of difficult :)

I have a problem with the white spaces at the top and bottom when the media query is on :( I have no idea why it's there and how to get rid of it. Any ideas?

Fixed solution. Please note the git repository url is for old version. Could not update new files onto git as hard as i tried... The live site URL however is the correct version.

It was a good practice on positioning relative and absolute