Skip to content
OverviewSolutions
8
Comments
5

DebugNinjaSlayer

@DebugNinjaSlayerHangzhou100 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Stryde2022•540
    @Stryde2022
    What are you most proud of, and what would you do differently next time?

    this took me less time to complete and i am happy about that.

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

    N/A

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

    whatever advice anyone have at all about my design, i will appreciate.

    product preview responsive page with html and css

    1
    DebugNinjaSlayer•100
    @DebugNinjaSlayer

    Hi Stryde2022, great work!

    I noticed you've used an h1 tag for the current price. In my own code, I've used a p tag. I'm not certain which is the better approach. I've been advised that there should only be one h1 tag in an HTML file.

    Marked as helpful
  • DebugNinjaSlayer•100
    @DebugNinjaSlayer

    Because you move all files in one folder, the img <img src="./assets/images/image-omelette.jpeg" alt="A freshly made simple omelette with vegetables"> can't find the corresponding image file. It should be src="./image-omelette.jpeg"

  • DebugNinjaSlayer•100
    @DebugNinjaSlayer

    good job

  • TobiasJunior•20
    @TobiasJunior
    What are you most proud of, and what would you do differently next time?

    Proud of: Clean, responsive design and organized structure. Next time: Add interactivity, focus more on accessibility, and optimize performance.

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

    Challenges: Aligning elements consistently and ensuring responsiveness across devices.

    Solutions: Used Flexbox for alignment and tested frequently on different screen sizes to adjust CSS as needed.

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

    Help Needed: Enhancing accessibility features, optimizing performance e.g. image compression, and implementing animations or interactivity for better user engagement.

    Card Blog

    1
    DebugNinjaSlayer•100
    @DebugNinjaSlayer

    Hi TobiasJunior，I found these issues

    1. the code link you provide is incorrect, the link is for the last practice
    2. the border line of the card and the shadow are missing in your solution. I use border: 1px solid #111111; and filter: drop-shadow to implement them
  • P
    Sven Notermans•220
    @Sven-27
    What are you most proud of, and what would you do differently next time?

    This is just a good simple project to get used to frontend mentor and how it all works.

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

    I know html and css. So i did not ran into problems. With this projects i was more focused on figma and how that works and how to get engaged with frontend mentor rather then the project.

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

    N/A

    QR code component using html and css

    3
    DebugNinjaSlayer•100
    @DebugNinjaSlayer

    Hi Sven Notermans I notice that the h1 tag and the p tag are a little lower than the design. I've just fixed a similar issue which is caused by missing the letter-spacing property.