All solutions

Any feedback is appreciated. It was a challenge to style the range slider input in a cross-browser way. Did you make the toggle switch and range slider - keyboard accessible?

With CSS Grid I started using grid-template-columns, but then switched to using grid-columns and grid-row. It seemed using grid-template-area would be more work when setting up the media queries. Anyone find grid-template-areas would be better choice?

Any other feedback is appreciated.

Any feedback is appreciated.

I tried using BEM for the CSS here. Any suggestions for improvement for the BEM?

Also, any suggestions or tips regarding accessibility for the toggle switch?

Any feedback is appreciated, especially any feedback related to use of flex box, or improving accessibility.

Any feedback is appreciated.

I decided to set up my accordion so that it loads with the answers in an "open" state, in case user's browser does not have JavaScript.. If user has JavaScript then the answers will all "close". Is that a bad idea to do it that way?

It was not totally clear from design files what the little box image is supposed to do. It seemed to me it should move in response to hovering over something? I decided to make it move left when user hovers over a question.

Any feedback for my CSS or JavaScript is appreciated.

Struggled with background on this one. Is there a recommended way to deal with having multiple images in the background? I know you can add multiple images, but finding the right background-position settings was a challenge. In my first attempts, when I resized browser window the images would move a lot.

Also, with an element like this should you also make sure card fits a mobile screen in landscape mode, and not get cut off? I added a media query to do that.

Any feedback is appreciated. The design files only showed a desktop and mobile view. In cases like that is it good practice to also make sure the the "tablet" view looks good too?

What is best approach to dealing with how a website looks in mobile landscape views? Should it be standard practice to preview page in mobile landscape view (as you can with browser tools), and make sure everything looks right?

The design files for this challenged did not have a landscape view. Is it common to be given landscape views on real world projects as a guide?

For this project, the landscape views I previewed seemed to cut off the buttons in a way that did not look right. I ended up adding a media query for max-height that adjust things for landscape view.