Skip to content
Submitted 3 months ago

Recipe Page with flexbox and media query

EasonVora•40
@EasonVora
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'm proud of learning how to use [::marker] to adjust list markers, however I would like to become more familiar with it. I used [transition: all 0.3s ease;] to help the image transition better when changing viewport sizes.

What challenges did you encounter, and how did you overcome them?

I had a lot of trouble adjusting list markers and used chatGPT to help me learn how to adjust them.

What specific areas of your project would you like help with?

List marker adjustments, the transition property, and media query,

Community feedback

  • P
    Tomas Moucha•100
    @Tomas-1979Posted 3 months ago

    It looks fine... but css styles in three files? I'm a beginner, it seems confusing to me... maybe it will be good in larger projects. :)

    Tomas

    Marked as helpful
    1
    EasonVora•40
    @EasonVoraPosted 3 months ago

    @Tomas-1979 Lol yes, I wanted to try and find a better method of organizing the code by CSS properties rather than organizing it by elements. However, I could see this becoming an issue when editing. I'm curious though, how easy or hard was my code to read for this, in comparison to other's CSS stylesheets?

    0
    P
    Tomas Moucha•100
    @Tomas-1979Posted 3 months ago

    @EasonVora

    Well, I didn't know where to look...but good try. ;)

    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