• The challenge
• Screenshot
• Links
• Built with
• What I learned
• Continued development
• Author

Users should be able to:

• View the optimal layout for the interface depending on their device's screen size
• See hover and focus states for all interactive elements on the page

• Solution URL: View Solution
• Live Site URL: Live Site Url

• Flexbox
• Mobile-first workflow
• React - JS library
• Tailwind Css - For styles

The Challenge which i faced while coding this component was the use of tailwind css to handle the responsiveness of the application. And the use of flexbox property to turn the design the into rows to cols direction was pretty handy. Finally practiced how to maintain the screen size and responsive on different screens.

I want to focus more on building complex design and hone the design skills not only with pure css but also master tailwind css in the process.

• Website - Md. Sonu Alam
• Frontend Mentor - @Sonualam-bot
• Twitter - @muhammadsonu15