All solutions

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

I used the latest version of REST Countries API instead of what was included in the files provided.

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

Feedback is welcome!

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

Feedback is welcome!

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

I added my own twist of animation, though it was a bit clunky. Hopefully it can be butter smooth in the future.

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

The challenges I encoutered were mostly CSS stuff. I had to manually set positioning on each element/pick, which was an annoying but necessary process.

A bit of spaghetti here and there, but using event delegation technique really helps maintain the code cleanliness. it's not clean

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

I came with this approach personally and I really would like to know how anyone else would approach this problem.

Also, it's not a 1:1. It's a bit hard for me to eye widths and margins on these kind of stuff.

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

The challenge was fun. I still have my ups and downs in regards to techniques specially in CSS and media queries. Regardless, this was a solid project and a good practice.

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

I learned 'image carousel' techniques. I didn't imagine that I could use data attributes on HTML this way, and how helpful it is when dealing with specific elements.

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

I did not finish the actives states when next and previous button is hovered.

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

Wished I work on this project actively. I've ran out of motivation on working on this project and I did not finish all the features I initially wanted to add.

Hopefully, I can work on this project again in the future.

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

It changes the input of an invalid valid date. The user cannot input a date beyond today, as it changes back to the current date.

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

Had a hard time figuring out how to tackle the problem in where the user inputs a number that has to be a valid date.

a) The user cannot put a date in relative to month. i.e. Feb 30 b) Where the day input automatically updates whenever the month has changed, if that day input is higher than the max days of the month. c) Leap year

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

I tackled invalid dates differently from the challenge, because I like the idea where the user is auto corrected with valid dates. Though I am not very sure if it is practical in real life situations.

Any kind of criticism is welcome! Please point out any problems!

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

I had a hard time on making the section responsive using display Grid and without using media queries. I switched to Flexbox but ended up using media queries anyway, continued using because of flex wrap properties.

I try to practice using media queries as least as possible.

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

Any kind of criticism is welcome!

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

Any kind of criticism is welcome!

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

I used only flexbox for responsiveness, making it available on all screen sizes.

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

Had a hard time on highliting input type radio using only keyboard.

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

Any kind of criticism is welcome!

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

Took a lot of time in Table semantic as it was my first encounter of it. Took a while to figure out the CSS.

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

On the image, had to set up a min-width and a max-width. Want it to stay true to the width so I don't need to use media queries for lower screen size. I felt like there could be a better solution than what I did, I just couldn't think of something better.

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

Having to put attribute in the bottom. Had to position absolute the card with margin-top: auto on attribite. Otherwise if absolute position is on attribute, it would be a problem on smaller screen sizes if shrunk too much.

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

Would like not to use position absolute on the main content but instead on the attribute footer.