Design comparison
Solution retrospective
Hi frontend mentor community, lets matear π§ π
This is my solution for the Clipboard Landing Page
I'm very happy doing this kind of project to improve my performance skills.
- I used SASS to improve my skills in CSS and minified the file to get better performance. π
- I got 88% of Performance in PageSpeed Insights.
- Used Semantic HTML5 markup to get better compatibility and accesibility for users.
This project is responsive for desktop, tablets and mobile using bootstrap and custom media queries.
Comment: First of all thank you! Clipboard landing page is a big challenge where to start
Second, this project was not supposed to be this long. I was working this solution in laravel to practice more with blade and libraries like sass, bootstrap etc. in that environment.
When I finished the solution, I got really frustrated trying to deploy the project with Railway (sad Heroku moment), so I decide to do it statically.
PS.If anyone knows a platform where to implement a project like laravel, please let me know...
For me this was a great challenge where I got a better understanding of CSS. I think the best part of this project was coming up with a better vision for designing each section and how each one works on top of the other.
I learned a lot about how to better structure my HTML to get a head start on CSS and better responsive results.
For now I leave this solution here and I would like to do more projects in Laravel, I also want to do some applications in React or focus on a new technology... but all in due time
Thanks for reading and seeing my solution. Any feedback or advice is welcomed!
Lucas,
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord