All solutions

This project REALLY pushed me to learn Grid. I'd been hiding, but just couldn't pull this off with flexbox.

Good one.

Hey -

This one REALLY pushed me but it was amazing to get the info from API - made me feel like I am really getting somewhere.

I'm looking for any good ideas on where to learn how to shorten up my code. Like tips so you're thinking more about how to shorten stuff up. My code is very explicit and non-elegant. It works, though!

This is my first try with Sass.

I'm sure I barely used it to it's potential, but it did keep things neater.

My only question - I really struggled with a good solution for not re-typing in the entire <UL> for the top navigation. Any ideas on how I could have better handled this?

I used a funny work around to un-color the "Daily", "Weekly", "Monthly" buttons. After they were clicked on. You'll note it fails if you click the Daily and then the Monthly directly after. I just couldn't figure out how to un-color them if they weren't the <li> clicked on. Any help would be great here.

Also, probably would be better if when you initially loaded the page it was already set to Daily - any idea how to do that?

Otherwise, this was a very challenging one that really stretched my JS abilities. It was also the first time I worked with outside JSON so that was really exciting.

Only thing I couldn't figure out (once again) was how to easily change the SVG fill color. I found some solutions but they all seemed very, very complicated. Any quick fixes for this?

The most difficult part was the JS for sure.

The big question I have is how to keep the JS alerts from just popping on and off so quickly. Is this just because of the "#" in the action of the form? Any info would be great. Is there a test place to send stuff to make it so it won't behave this way?

Not too hard of one, but one thing: I couldn't figure out how to keep my mobile version from sort of floating a little left or right - any ideas what I'm doing wrong here? I couldn't get it to stay in one place.

I'm sure this project would have been better suited to doing with more CSS and less Javascript. And, I know I did a lot of hack workarounds to get it to work. But, it does work. I didn't do any cool animations or transitions, etc. Just did it to the letter of the project. Next time for the animations!

This is my first project with js. Phew! It was tough.

All good - just would love to know a clever way to make the text within the buttons be different colors without having each button have repeated CSS.

Thanks! Max

This one was a challenge.

Still trying to figure out how best to do overlay colors. My coloring of the overlay is not correct - any thoughts? Using an absolute positioned overlay seems really clunky, but using background-blend-mode overlay doesn't give the right saturation.

Thanks!

I feel like I got most everything in this one except perhaps the perfect overlay color for the image.

Wow! Really struggled with this one for days. Finally managed to figure out responsive Grid tricks and so forth. Really tried to do this one "mobile first", too.

Big question: cannot figure out why my page is always about 50px off to the right and always have to scroll a bit to make it look right?

Hi all! Thanks for reviewing.

The only thing I couldn't figure out was how to make the background not stretch way down the way it does. It doesn't match the design preview.

I just copied the "Transform" code for my .icon overlay selector. I'd love to read more on this if people have good resources for it. Since I already had positioned the icon, I wasn't sure why I ALSO had to do the "Transform".

Thanks! Max

I struggled with how to get the main container to center vertically. I had to enter a height to force this which I'm sure isn't the right way.

Also, this is my very first solution I'm posting so any etiquette notes would be greatly appreciated. Still trying to get my brain around github, etc. to get this all working.

Thank you all in advance! Max