Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
This is my first ever front-end mentor solution! Next time I will make sure to make my code more efficient and clean.
What challenges did you encounter, and how did you overcome them?This was fairly easy, most hassle was caused by the flexbox element, trial and error worked.
What specific areas of your project would you like help with?Not any areas specifically with this project but maybe more in general, how can I make more efficient code?
Community feedback
- @mayor-creatorPosted 8 months ago
@Kristuk congrats on completing this challenge. Here are a few recommendations to help improve your code base.
- On the desktop view layout, you can apply flex properties on the body element to vertically center. body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; }
- On the container class you can set the width to max-width to prevent the container from becoming larger instead of fixed width.
Happy Coding.
0 - @Sarank20Posted 8 months ago
I am also a beginner, I give some suggestions, check the style-guide document for fonts
0
Please log in to post a comment
Log in with GitHub
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