All solutions

Hello!

This page was built with HTML, CSS and JS.

Any feedback is welcome! :-)

Hello!

This is my first time using Fetch API and Async function to pull data from 3rd party API, so I'm not sure if I've done it right. If you find anything amiss, please don't hesitate to let me know! Thanks!

Any feedback is welcome! :-)

My questions:

• 'Get Started' Couldn't Stick to Bottom of the Card

I've tried setting the card to flex, and using margin-top: auto on 'Get Started' button, but so far couldn't find a solution to align the button to the bottom of the card.

Any advice or feedback is welcomed! Thanks!

This project took me longer than I expected, and I learnt a lot from the details!

Needless to say, this solution still has a lot of room for improvement.

• Javascript (app.js): could write with more simplicity.

• CSS (style.css): for the Mobile UI, the layout lost its form when device width is smaller than 375px. I'm not sure I've done it right.

• CSS (style.css): for the Desktop UI, the background image doesn't 100% match the design file. I wonder if there's a better solution for this?

• CSS (style.css)/ HTML (index.html): for the arrow.svg, I couldn't find a way to change its thickness to 2px as design file suggested, and unable to make it horizontally and vertically center in the button.

Any feedback or advice is highly welcomed.

Any feedback is welcomed! :-)

Any feedback is welcomed! :-)