This is a solution to the Huddle landing page with curved sections challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- See error message for invalid Email input
- Frontend Mentor solution url: https://www.frontendmentor.io/solutions/intro-component-with-sign-up-form-kJxiE1Llm-
- Live Site URL: https://atif-dev.github.io/fem_huddle-landing-page/
- Google Mobile Friendly Test: https://search.google.com/test/mobile-friendly/result?id=tX9n5HrIpdG_DKb87ISSvQ
- GitHub repo : https://github.com/atif-dev/fem_huddle-landing-page
- Used existing knowledge.
- New thing: React implementation
- ChatGPT for a React error
- Collaborate with a friend for email validation in React.
- Google for finding about React app deployment using GitHub.
- Used Responsively desktop app and LT browser for checking responsiveness.
Will complete more frontendmentor challenges...
- CSS flexbox - Nice visual representation to understand CSS flexbox
- Conquering Responsive Layouts - This is nice short free course for learning responsiveness.
- Check responsiveness - NICE website for checking responsiveness and taking good looking screen shots.
- Desktop app for checking responsiveness - Download windows application for checking responsiveness.
- Learn Resposiveness - Find about responsiveness.
- Learn centering in css - Learn different possible ways for centering CSS.
- SCSS - Learn to use SCSS using terminal.
- Deploy React App using GitHub - Nice article to deploy React app using Github pages.
- atif_devs @ Twitter and Atif Iqbal @ Linkedin. Come, Say Hi. Let's Connect for Learning and Sharing😇
----Be NICE, COLLABORATE and have FUN building! 🚀😎😇----