Design comparison
Solution retrospective
I found a way to change the color of a bullet point without changing the color of the entire list
What challenges did you encounter, and how did you overcome them?I found it difficult to change the color of the bullet point without changing the color of the list. i was able to overcome this by using the marker property in css
What specific areas of your project would you like help with?I noticed that while i was trying to make the site responsive, the mobile display code kept on affecting the desktop display code for some reason. I hope someone can help me clarify that
Community feedback
- @MorganEroPosted 7 months ago
Congratulations on completing the challenge!
Regarding your question about why your mobile display CSS might be affecting your desktop CSS, I have a few suggestions:
-
Consider using a mobile-first methodology. This approach is widely adopted as it starts with simpler mobile views and allows for progressive complexity as you scale up to larger screen sizes.
-
Utilize developer tools while working on your CSS. Pay close attention to any CSS that appears with a line through it or is disabled. These indicators often provide insights into why certain styles are not being applied, which can be incredibly helpful.
-
After reviewing your code, I didn't notice any specificity issues, but it's worth considering whether specificity might be causing the problem you're experiencing.
-
Finally, a common mistake I encounter in my coding is forgetting to close a bracket or placing CSS outside of its intended scope. Double-checking for these errors could help resolve your issue.
I hope these suggestions prove useful in resolving your CSS inquiry!
0 -
Please log in to post a comment
Log in with GitHubJoin 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