Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Grimm-N• 150

    @Grimm-N

    Submitted

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

    I finally got around to using something new—like the `` element! Can you believe it? 😂 Thought I'd spice things up a bit and step out of my comfort zone. Gotta keep things fresh, right?

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

    So at first, I tried to align the text of the last block using a ``. Spoiler alert: it looked terrible! 😅 Thankfully, I wasn't happy with the result, so I decided to go a different route. Sometimes, bad ideas lead to better solutions!

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

    I’d love to get some tips on optimizing and simplifying my code. I’m all about that minimalism and structure, so I want to bring my code to a perfect state — clean and easy to read!

    Recipe Page: Crafted with Flexbox and Grid, adaptable to any screen

    1

  • Carlos Marte• 80

    @carlosmarte23

    Posted

    Good Job!

    The webpage is pretty much on point compared to the design but here is some feedback for future projects:

    Instead of using a div with different classes for each "button"/" link" try using a more semantic HTML tag like a list or "a" tag for links with a common class, this way you can reuse the same style in all the links and avoid rewriting the same code on each one.

    I liked that you used animation on the hover of the links, try adding as well the property

    cursor: pointer;

    that will transform the mouse cursor to a hand, indicating the user that is clickable.

    If you use a link tag (a) this is not needed.

    Keep the good work, you're doing great!

    0
  • Nguyễn Trung Kiên• 20

    @zeuxi141

    Submitted

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

    I learned a lot from everyone’s feedback in the previous challenge and tried to do better in this one. I have switched most of the size units from px to rem. Does it work well? I hope you can leave some feedback so I can improve even more. Thanks

    Flexbox

    2

    Carlos Marte• 80

    @carlosmarte23

    Posted

    Hello! great work. It appears to be really close to the design on the desktop.

    Here are some tips:

    1- Next time for practice, try to do the layout using Flexbox or Grid.

    2- Try using a separate file for your CSS and link it to the HTML.

    3- Remember to adjust the mobile design as the challenge suggested to have smaller font size that desktop: For this consider doing media query's or using the clamp function with relative sizes like rem.

    For example:

    .responsive-text {
   font-size: clamp(0.875rem, 2.5vw, 1rem);
}

    Other than that, I think you're doing a great job.

    Let's keep learning together!

    Marked as helpful

    0
  • Carlos Marte• 80

    @carlosmarte23

    Posted

    Couldn’t access the code because it’s a private repo, but seeing the preview, I’d suggest trying to stick to the design. Pay attention to the bottom margin under the last paragraph and the weight of the font in the paragraph.

    Marked as helpful

    0