Skip to content
Submitted 28 days ago

Bento Grid with Flexbox

P
Trischa-99•170
@Trischa-99
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Bento grid
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud to have done it without a Figma file, but I'd like to try using one some time.

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

Mostly, it was CSS that didn’t work as expected. To overcome these issues, I experimented with various changes to better understand the strange behavior.

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

One picture doesn’t show up on the live site I created with GitHub, even though it works perfectly fine on my local IDE server. I have no idea why.

Community feedback

  • Dangelo•380
    @DangelobastPosted 27 days ago

    Good job completing this challenge, reviewing your code I realized you have some mistakes and that's why your image is not showing up, pretty much your path is incorrect:

    Your current path:
/assets/images/illustration-ai-content
Correct path:
assets/images/illustration-ai-content.webp

    Use your web inspector tools to help find problems, in this case if you want to test it before pushing new code inspect it with your browser and change temporarily your src path.

    hope this helps.

    Marked as helpful
    1
    P
    Trischa-99•170
    @Trischa-99Posted 27 days ago

    @Dangelobast Thank you very much!! It seems I forgot to add the .webp extension in one of my attempts to fix the problem. However, all this time, I didn't notice the unnecessary / at the start ^^"

    1
    Dangelo•380
    @DangelobastPosted 26 days ago

    @Trischa-99 Very happy for you, it happens lol just keep going!

    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