All solutions

This project was a good way to build confidence in TDD. One thing I need to incorporate is and work on is the UX specially after the rate was submitted I toggle the form off, and the transition is not smooth.

So any suggestion on how you would approach the transition/animation when rendering component conditionally is appriciated.

I it really hard design to re-create and making it responsive

Most challenging parts

1. Making the hero image spill to the section below it.
2. Organizing SCSS codes and making it DRY, I have code everywhere

I don't consider this challenge as complete but will come back to it, until then if you happen to see this and have suggestion, including the layout or have a good resource to learn from, feel free to share.

Finding a good bled of background color percentage was challenge. Other than that i enjoyed the challenge, and this mark new start.

Hi there 👋, am Natnael and this is my solution for this challenge

Built with:

• Parcel
• Sass

Feedbacks are highly appreciated

Hi there 👋, I’m Natnael and this is my solution for this challenge.

🛠️ Built With:

• SASS
• Parcel

Any suggestions on how I can improve and reduce unnecessary code are welcome!

Thank you. 😊✌️

(markup credit: @MelvinAguilar)

I would appreciate if you could Share me links that explain best about naming css classes and how to structure page with minimal HTML divs and css class to achieve same result.

Also, if you see areas i could work on do let me know, it means a lot

While making the hover effect for the button i noticed the height of the container increase and reset when the button leave, Is there a way to avoid it?

I have seen if i could set the border before hand, having similar color as the background and then, only change the border-color on the active state it seem to have a better effect, but am still curious to see other options

Background picture positioning fix is appreciated

Making the right media query breakpoint without loosing the image aspect was a bit challenging. If you have a trick on how you handle your media queries and images, i would love to hear about it

Constructive criticisms are welcome :)

The active state of the image was a bit tricky

Learning more about Grid display

I have tried to follow BEM when i organize my code, but i still feel there is more to it in a way i organize my code. So basically more to work on the CSS code organization and HTML structure.