Skip to content
Submitted 6 months ago

Responsive web page using css grid and flexbox

Kingsleigh•260
@Kingsleigh-Obi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

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

  • Morganero•140
    @MorganEroPosted 6 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:

    1. 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.

    2. 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.

    3. 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.

    4. 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 GitHub

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