Fylo_layout
Frontend Mentor - Fylo landing page with two column layout solution
This is a solution to the Fylo landing page with two column layout challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Table of contents
Overview
The Challenge
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
Solution Screenshot
Useful Links
- Solution URL: Checkout Repository.
- Live Site URL: Visit Live.
- Blog Post URL: Read Blog.
My Process
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Tailwind CSS
- Responsive design
- Mobile-first workflow
What I learned
By working on this project, I learned how to create a two column layout using CSS Grid. I also learned how to create a responsive design using Tailwind CSS. I also learned how to create a mobile-first design using Tailwind CSS. I also learned how to create a responsive design using CSS Grid. I also learned how to create a responsive design using Flexbox.
Continued development
I will continue to focus on improving my CSS skills. I will also focus on improving my responsive design skills. I will also focus on improving my CSS Grid and Flexbox skills. I will also focus on improving my Tailwind CSS skills.
Useful Resources
- Resource 01 - This is an amazing articles which helped me finally understand HTML.
- Resource 02 - This is an amazing articles which helped me finally understand CSS.
I'd recommend to everyone to checkout these amazing official HTML & CSS resources.
Author
- Website - Portfolio
- Frontend Mentor - @beRajeevKumar
- Twitter - @be_rajeevkumar
Acknowledgments
I would like to thank Frontend Mentor for providing such an amazing platform to practice my coding skills. I would also like to thank the community for providing feedback on my projects and helping me improve my coding skills.
Happy Coding 👨💻
