Skip to content
Submitted about 2 months ago

i use HTML, CSS, And Text editor Vs Code

Rafi Rachmawan•150
@rafirachmawan
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 that I probably spelled this out more by heart than asking chatgpt because I've worked on the project before.

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

Maybe the challenge I faced in terms of design was difficult because I didn't use the plus so I didn't get a figma design so I just worked with sample photos.

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

in terms of padding margin due to not getting the figma design

Community feedback

  • gabrilov•80
    @gabrilovPosted about 2 months ago

    Hello!

    I'll tell you what I've seen: I see some problem with the colors: the background color and the header color does not correspond to the original template.

    On the other hand, in this exercise the semantics in html are important, and I see that you have not implemented it. Tags like "main" or "section" don't appear, and I only see "div," which is fine for structural needs, but not for giving meaning to those structures.

    I hope it has been useful to you.

    Best regards! :)

    Marked as helpful
    0
    Rafi Rachmawan•150
    @rafirachmawanPosted about 1 month ago

    Hello sir, I have revised the semantic HTML section. I have used the HTML you want. Is there anything else that needs to be fixed other than the padding size because I didn't get the figma design? @gabrilov

    0
  • Outstandinggirl13•70
    @Outstandinggirl13Posted about 1 month ago

    Hello! If you'd like, I can recommend preconnecting fonts to enhance styling. You can find the font names in style-guide.md and add them to the <head> tag (through the <link> tag) in your HTML. Alternatively, since the starter files already include the fonts in the assets folder, you can add them directly to your CSS using @font-face. I hope you find this advice helpful. Wishing you all the best with your projects!

    0
  • Rafi Rachmawan•150
    @rafirachmawanPosted about 1 month ago

    okay thank you i will change and revise it as soon as possible thank you sir

    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