Responsive landing page using Tailwind css

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have other recommendations regarding your code that I believe will be of great interest to you.

HEADER iMAGE 📸:

• Looks like the img and has been set disorted by width and height, let me explain How you can easily rectify the issue

• Since you are using Tailwind CSS, we can easily rectify it just add the following css utility class object-cover to the img element, and then experience the changes

<img src="./images/image-header-desktop.jpg" class="object-cover hidden lg:block lg:h-full rounded-r-xl">

• Note: the class object-cover is important to rectify the disortion of image in desktop view

• Tip, Don't forget to generate a new screenshot after editing the css file

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!