https://github.com/ajkun55/bento-grid

Frontend Mentor Challenge, Responsive Mobile-first web design, Tailwind-css
https://github.com/ajkun55/bento-grid

frontendmentor-challenge tailwind-css

Last synced: 3 months ago
JSON representation

Frontend Mentor Challenge, Responsive Mobile-first web design, Tailwind-css

• Host: GitHub
• URL: https://github.com/ajkun55/bento-grid
• Owner: ajkun55
• Created: 2024-09-18T02:44:15.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-09-18T02:49:57.000Z (9 months ago)
• Last Synced: 2025-01-22T10:14:43.532Z (4 months ago)
• Topics: frontendmentor-challenge, tailwind-css
• Language: CSS
• Homepage: https://ajkun55.github.io/Bento-grid/
• Size: 731 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - Bento grid

![Design preview for the Bento grid coding challenge](./preview.jpg)

## Welcome! 👋

This is my solution to the [Bento grid challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/bento-grid-RMydElrlOj).

Thanks for checking out this front-end coding challenge.

[Frontend Mentor](https://www.frontendmentor.io) challenges help you improve your coding skills by building realistic projects.

**To do this challenge, you need a good understanding of HTML and CSS.**

## The challenge

Your challenge is to build out this bento grid and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to: 

- View the optimal layout for the interface depending on their device's screen size

## Built with

- Semantic HTML5 markup

- CSS custom properties

- Flexbox

- CSS Grid

- Mobile-first workflow

- Tailwind-css

**Have fun building!** 🚀