What are you most proud of, and what would you do differently next time?
The pseudo element ::marker is new to me. For styling bullet points' or serial numbers' color, I get familiar with this element.
The way of increasing gap between list-text and bullet point or serial numbers. The padding-left property for ul/ol and for li does not do the same thing.
The usage procedure of media queries and table borders.
The horizontal ruling style.
Margin and Padding related settings. When Padding is applied to the parent element, content takes 100% width of parent element available after padding space is locked. But if padding is applied to the child element, border-radius property does not work for child. Again, if margin is applied for child element, it will overflow the parent container.
Selecting table element related elements using :first-child/ :last-child use-cases.
What challenges did you encounter, and how did you overcome them?
The problem I encountered most is aligning smaller sized (than text itself) bullet points with list-text as vertically to centre.
What specific areas of your project would you like help with?
I want to learn how to align smaller sized (than text itself) bullet points with list-text as vertically to centre.
What are you most proud of, and what would you do differently next time?
I am proud of making general CSS style code for main, footer, and image. By declaring for 3 big elements in CSS, everything has been able to ideally be aligned (for the most part) and have a consistent font.
What challenges did you encounter, and how did you overcome them?
I had difficulties with CSS and styling as usual. My main issues were having everything aligned perfectly. I have used the div element multiple times which has helped. I am particularly concerned about CSS layout and aligning code. I have coded so that it is perfectly precise. This form of code is very particular, and I want to ideally make them general rather than specific.
What specific areas of your project would you like help with?
I want to continue my layouts and aligning in CSS. Again, I want to improve my skills in CSS so I can make awesome looking websites! The looks is where I am difficulties at the moment.
What are you most proud of, and what would you do differently next time?
I tested my knowledge in Tailwind using different classes and behavior pseudo-classes.
What challenges did you encounter, and how did you overcome them?
Some classes I couldn't recall, but I had access to the docs which are easy to navigate
What specific areas of your project would you like help with?
I want some additional points on work with images (while loading the image the sizing of component changes) and customizing tailwind classes (how to focus on main colors, sizings of figma design and rearrange tailwind classes for faster development)
Most of the things are good but I think:
1st. You should use separate CSS file for more structured approach.
2nd. You should use bold title with blue color below the QR code for more similarity with the original design.
Rest of the stuff is super great. Best of Luck mate.