Design comparison
SolutionDesign
Solution retrospective
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 forul/ol
and forli
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.
- The problem I encountered most is aligning smaller sized (than text itself) bullet points with list-text as vertically to centre.
- I want to learn how to align smaller sized (than text itself) bullet points with list-text as vertically to centre.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord