Skip to content
Submitted 4 days ago

Responsive landing page for recipes using css

Stryde2022•80
@Stryde2022
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?

this was a little tough but i am proud that i was able to get it done. I would look to get this done efficiently

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

N/A

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

css positioning

Community feedback

  • Abhi•280
    @abhi-zeroPosted 4 days ago

    Hey, your solution is looking great! I have some general suggestions:

    1 Separate CSS Files: It's a good practice to use a separate file for CSS and place it in its own folder. For example:

    project-folder/
├── index.html
└── styles/
    └── style.css

    This makes it easier for others to access and read your solution.

    2 Font Hosting: Consider hosting your own fonts instead of relying heavily on Google Fonts. You can search for "@font-face" to learn how to do this.

    3 Design Image: When you work on a project, always check the design image, not just the preview.

    If any other suggestions come to mind, I will update this comment.

    Good luck with your future projects!

    Marked as helpful
    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