All solutions

Please forgive the very basic React usage through out the project, this was mainly to practice React-Router.

I wanted a little more of a challenge, so I've added in color options for the shoes. (Please forgive my poor Photoshop skills)

Did desktop approach first, probably would have been easier if I went mobile first. Let me know if you guys have any comments/suggestions.

Thanks!

Mobile first approach

Just a quick project

Just a quick project

Mobile view turned out a little funky... The buttons aren't taking up the entire space like they should and I'm not 100% sure why, any ideas?

Thanks!

Definitely has some minor bugs, but overall works, took a break last week from coding, and would like to move onto a new project. Will probably come back at some point to finish fleshing it out. I also forgot to make it responsive to mobile... oops.

Not going to lie, I struggled a LOT with this one, particularly with the slider. I never did get it to work with Mozilla Firefox... Any ideas on how to fix that?

Took longer to make than I thought it would, nice project though.

I'm 100% there was a much easier way of doing the javascript than what I did, but I got it working... :P

Definitely messier than it probably should be, but it functions ok. Some minor errors here and there.

Hey Everyone,

Sorry my files are a complete mess, this challenge taught me that I really, really need to organize my files better. :P

I did have one question, I was unable to figure out how to set the height of the bars with the animation, which is why the animation goes to 100% than jumps down to where the height is actually at. Hope that makes sense, and any help with this would be great.

Thanks!

First time trying out the mobile first approach. I've got mixed feelings about it tbh, probably the issue is I've done quite a few projects desktop first, so it feels weird doing it almost in the reverse.

SCSS is definitely a little messy, but was able to get the job done.

One thing I wasn't sure about is, the box on the desktop view, doesn't shrink/move when the view gets adjusted, I'm not sure why. Any ideas?

Thanks!

Hey everyone, couple of things I'd appreciate feedback on.

1. For the life of me I can't figure out why the navy blue "Get Started" Button at the top right of the page isn't working properly when I hover it. All of they styles are taking effect, except for the hover affect. Can't figure out why...

2. For this project I felt like I was fighting with the css a lot when making the page responsive. For instance when you shrink it down the logo and button in the "menu" at the top of the page are responsive and will shrink/move as the page adjusts but they don't do this anymore once you get to the 650px screen width. (This is where I have a media query but I don't know what I did that made it stop being responsive.) What am I doing that is making it so I have to fight with the CSS, rather than naturally being responsive?

3. Lastly I just realized this as I was about to hit submit, when you inspect and go to the responsive dimensions, you can scroll to the right past where the image was supposed to be cut off. How do I fix that?

Thanks!

Second challenge using SCSS and BEM.

First time using SASS and BEM, I think I did ok. Excited to start using these more often!

Just some quick practice with Grid, as I haven't used it in too long.

Not real proud of this one, the html was a bit of a mess and the CSS was a huge mess, but got it to work ok... Will probably come back and redo this sometime.