Design comparison
SolutionDesign
Solution retrospective
Can any fix my mobile view problem?
Community feedback
- @justEferePosted over 1 year ago
Hope this will be helpful. before writing your css, ensure to add this code to reset padding, margin, and box-sizing. This will help you to get the width and height size properly without issues.
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
The container has a background color. Remove it
.container { background: hsl(244, 38%, 16%);
Here's a tip. You can use display: flex on the .main-content with flex-direction: column to have a constant spacing between items.
.main-content { display: flex; flex-direction: column;
I'll stop here.
0
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