Meet landing page with TailwindCSS and React (For no reason)

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

1. I don't blindly follow the design, as you can see in the design at the desktop break point it appears that the images are trimmed, well is it necessary to do it? for me I choose to display them just the way they are.

2. I try to make the text look as close as possible to the design, and you know what the unfortunate is? well the result in the "Solution Judging System" looks very different from the design in Figma file, that was ridiculous and frustrating, Hey Frontend Mentor, I blame you for this.

3. No more.

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

The provided image has different sizes and aspect ratios from the design. How did I overcome them? well I ignore them completely since it is very out of control, what can I do?

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

import logo from './assets/logo.svg';

<img className='block mx-auto' src={logo} alt="Logo" />

Look at this code, can we load the image without the need of importing it in React?, you know I tried this: <img className='block mx-auto' src="./assets/logo.svg" alt="Logo" /> but the image didn't load.