Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Clipboard Landing Page - SASS, Bootstrap..

Lucas Exequielβ€’ 200

@arrejoria

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi frontend mentor community, lets matear πŸ§‰ 😁

This is my solution for the Clipboard Landing Page

Solution Repo

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 GitHub
Discord logo

Join 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