Semantic HTML5 markup, CSS custom properties, Desktop-first workflow

Solution retrospective
I am most proud of the way I styled this landing page. I used a root selector for easier styling, and I used pseudo markers, which I wasn't familiar with before.
/* Set the color for the bullet points and numbers */
.ingredients-container ul li::marker, ol li::marker {
color: var(--Nutmeg);
font-weight: 700;
}
What challenges did you encounter, and how did you overcome them?
Sometimes I wasn't sure how to style certain sections of the landing page, so I did ask ChatGPT for guidance. I found that ChatGPT is a helpful resource that can explain in detail and show examples of how to work through and understand a problem. I know that ChatGPT doesn't know everything, so it was important to me to question it when something didn't make sense to me yet.
What specific areas of your project would you like help with?I would like further help in understanding pseudo selectors, like how they work and when to use them.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Amsav23's solution.
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