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

Submitted

Solution Bento grid

Steph 500

@xStephx

Desktop design screenshot for the Bento grid coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

P

@adamwhitehouse95

Posted

Your CSS Grid here is fire! Well done...

3

Steph 500

@xStephx

Posted

@adamwhitehouse95 thank you soo much!!

0
Faojul 260

@Faojulazim

Posted

Hi Steph, I am Faojul from frontend mentor. I just thought to give you friend request cause I thought having guideline is important. I would appreciate if you accept my friend request in discord id: faojul.azim

2

Steph 500

@xStephx

Posted

@Faojulazim nice to meet you. I accepted your friend request.

0

@JawadM2002

Posted

The code is able to utilise semantic HTML elements such as main, section, article, img, p, h1, h2 and span, which makes the code more meaningful. The code is well-structured and easy to read. It utilizes semantic HTML, CSS classes, and is organized into sections, which promotes readability. Reusability can be further enhanced by considering CSS classes for repetitive styling elements. Whilst it is accessible, you could consider descriptive and meaningful text on the 'alt' attributes for the images. Furthermore, the solution and its elements are able to match that of the design. Overall, the provided code incorporates semantic HTML and Tailwind CSS for the style and shows a great demonstration of learning, so keep it up! :)

1

Steph 500

@xStephx

Posted

@JawadM2002 thank you so much for the detailed feedback!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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