Skip to content
Submitted over 3 years ago

Mobile First landing page with SASS architecture. Webpack.

sass/scss, webpack, bem
P
Axseinga•540
@axseinga
A solution to the Loopstudios landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there!

Any comments on how to improve my code are welcome.

Questions:

  1. My layout is shifting when the page loads. This is the issue with webpack config and loading styles into a javascript file. I tried injecting it into the body element instead of the head and using MiniCssExtractPlugin. With no success. If anyone has any idea how to fix it, I will appreciate any help. This shifting is very bad for the UX experience and causes CLS to be 0.318 which is bad as well.
  2. I would appreciate some good resources about accessibility. I would like my code to be more available to everyone but I am getting a bit lost reading docs about it.

Thank you!

Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Axseinga's solution.

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