All solutions

What challenges did you encounter, and how did you overcome them?

Working up api, it was a bit challenging but atleast i was able to grasp concepts for api handling.

What specific areas of your project would you like help with?

The project was not tough, it was relatively easy working on.

What challenges did you encounter, and how did you overcome them?

Making the button for borders on the more information page clickable and display the new country info

What challenges did you encounter, and how did you overcome them?

Making one css styling that is global also responsive to the social card page.

What challenges did you encounter, and how did you overcome them?

Making the background image to occupy the whole of x axis on screen past 1500px. I had to remove the background image on big screen and leave it for small screens to show it.

What specific areas of your project would you like help with?

How do i make a background image to strecth on the x axis. The image provided on this project could not span on the x axis to occupy whole width when screen is past 1500px.

What are you most proud of, and what would you do differently next time?

Making the cards to be responsive using a grid display system. I think grid is the best for creating responsive web pages.

What challenges did you encounter, and how did you overcome them?

There was no major challenge since the project was easy.

What specific areas of your project would you like help with?

How to make it responsive using css grid. It wasn't working when i use grid to display smaller screen.

What challenges did you encounter, and how did you overcome them?

how to align items to the center of the page without using flex and grid, i later learnt that i can use margin auto to display at the center

What specific areas of your project would you like help with?

Under the order list,how do i color numbers

i hard difficulty in styling the mobile view but finally i made it

i tried to use grid templete and display grid in container div but it was impossible for me. BUt with the help of flex box and grid also i made it responsive

i found it difficult to keep the project reponsive with padding on all website. I there a way to add a responive padding without actually using maedia query