
Submitted 5 months ago
Creating a Responsive, Semantic, and Accessible Page with SCSS
#accessibility#sass/scss
@MrLanter
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I managed to optimize the loading speed of the site by using WEBP for fonts and images.
What challenges did you encounter, and how did you overcome them?-
The left image for the desktop version should be 100% height but the width did not fit.
-
There was unnecessary scrolling due to attribution. I tried to use
position
onabsolute
but for more than16px
for1rem
the texts were stacking.
I finally solved all these problems
What specific areas of your project would you like help with?- Is the HTML well organized ?
- Is the semantics correct ?
- What are the possible improvements ?
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