All solutions

feedback welcomed

Feedback welcomed.

I could not figure out a better solution for positioning the error message and image inside the form. This proved tricky to do when screen size changes to display that error msg and img in the same place.

#error-img { margin-left: 15rem; margin-top: -2.5rem; visibility: hidden; padding-bottom: .5rem; } #error-msg { padding-top: 2rem; padding-left: 5rem; visibility: hidden; color: red; }

I felt using grid, width, and margin to get the desktop view was a bit hacky, please let me know if you found a better solution for the desktop layout, thanks!

How did you get the text "sedan, suvs, and luxury" to be as tall? I did a y-axis transfom.

Can this be done using background url css instead of image tags?

1. I was not able to get the desktop background (images/bg-pattern-desktop.svg) to appear only on the white area and get hidden by background color. I tried using z-index with no luck.
2. I was not able to figure out a solution when you expand all the questions on desktop view or > 380px that will prevent the FAQ section from going off white.
3. This is my first challenge so any general feedback or insight is appreciated, thank you.