All solutions

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

I successfully styled the table to match the design, although it was quite time-consuming as it was my first practical attempt. I've learned through tutorials, but applying the knowledge firsthand was a new experience. I hope I've done well and I'm open to feedback.

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

I had quite a challenge with the table design, particularly adding the bottom border to the rows and centering the text on the page while leaving space on both sides to align with the design. After searching online for the necessary properties, I managed to accomplish it.

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

I'm looking for feedback on the mobile-first styling approach, as well as suggestions to enhance the table's design.

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

Using the feedback from previous challenges used relative units in pretty much every style instead of px units. I hope for more feedback to keep getting better. Thanks!

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

I've successfully mastered CSS Grid and learned how to use it correctly. Additionally, I've learned how to make font sizes responsive, ensuring they adapt well across various screen sizes.

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

I didn't know how to use CSS Grid properly, so I found some tutorials on YouTube and asked AI to help me get the idea of how to use it.

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

I’m proud of completing this first challenge because, after watching countless tutorial videos, I was able to do it without much external help. Even though it’s really simple, it gives me more confidence in my ability. I was proud of implementing CSS variables which, while not very practical in this example, are probably a must in a full project, so it’s better to get used to them now.

If I have to do the challenge again, instead of using Flexbox, I’d use Grid for the layout to practice it more.

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

The most difficult part was getting the spaces exactly like the design and making the text on the card centered with the exact spacing. I redid the HTML layout that I had in the beginning and used a simpler one. Using only Flexbox, I managed to do it. Next time, I’d try not to overcomplicate things and keep it simple from the beginning.

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

I’d like to get feedback on how to set up the dimensions and font sizes without using pixels directly. I still don’t know much about how to calculate it and which dimensions to use, e.g., em, rem, etc.