Submitted 15 days ago

i use HTML, CSS, And Text editor Vs Code

Rafi Rachmawan• 130

@rafirachmawan

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

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

@gabrilov

Posted 15 days 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

Rafi Rachmawan• 130

@rafirachmawan

Posted 15 days 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

Outstandinggirl13• 70

@Outstandinggirl13

Posted 14 days 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!

Rafi Rachmawan• 130

@rafirachmawan

Posted 15 days ago

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

Please log in to post a comment

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