All solutions

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

I was able to tackle a few new concepts such as markers for individually highlighting bulletpoints (ul/ol) without affecting the following texts, how to use ::root and var() element for custom fonts/colors from the design file, and finally how to create a table within html.

Slow and steady but practice and engaging with the community is what made me learn more than the tutorials i've watched.

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

I initially hit a stump when it came to constructing the table in the last bit and i thought i was supposed to use grid display and then i realised would be easier and logical to just create a table (used chatgpt to learn that).

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

I feel my code is too long winded and i still haven't got the hang of using comments in my code? do you think it's best to start practicing that now or i shouldn't worry about it?

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

I'm super proud that I'm able to actually apply what I've learnt from the self-study tutorials and our solid frontend community to apply them in real-time, and it's something i was not able to do for a very long time. But, i'm taking it one-step at a time and understanding the code from what i write and others as well instead of blindly following.

The cool thing is that i get to do trial and error with the elements and test out what works and what doesn't. long way to go but fingers crossed!

I would structure my code more categorically and cleaner as my css properties are all over the place.

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

Lots of overflow and mobile optimization issues. I just took a breather and tried to understand where i went wrong and saw another member's code and tried to understand it (didn't copy because there were some elements i didn't understand yet from that person's code but hopefully i will sometime soon).

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

Sand down the amount of CSS i've written because i feel there's tons of unnecessary properties i inserted in there and would like a cleaner and efficient way of making the code shorter but effective.

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

I was able to apply the flexbox layout design and see what difference the design makes when i used a CSS Reset. My landing has more accessibility this time around thanks to the feedback given by our community for my QR Code project - i used rem as a unit of measurement for font-size.

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

my display faced an overflow issue when it came to the mobile view and realized i had to set an initial scale attribute in the meta tag to fix.

i also came across an issue on applying the font sizes i installed based on the design file within my css file. (i tried using var (), but it didn't work - i just put the inter font and bolded it for certain texts).

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

1. how do i use the var () in terms of inputting fonts and color schemes in css?

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

Honestly, the fact that I actually completed this project is a big win for me. But, i think I should strategize a better and efficient way to approach project issues because I spent too much time trying to figure out how to code this without using a flexbox and grid and that dragged too long. I was doing this in the midst of learning CSS but still..

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

i was in the midst of learning CSS while doing this project, hence, why i didn't utilize Grid layout/flexbox properly, and yeah aligning the elements were a bit of a challenge but with more practice, it's more better now!

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

The biggest one would be to have a more efficient and cleaner code layout as mine's a bit messy and can be overwhelming when i revisited it to make some changes. Do please point out more effective ways to simply the code, for example, I'm pretty sure I over-used loads of CSS properties more than I needed.