Design comparison
SolutionDesign
Solution retrospective
I haven't gone through all of the elements and tags that are available in HTML and CSS. So I've just done this one by how much I know. Open for suggestions. Haven't optimized it for mobile-view. S cut me some slack this time :)
Community feedback
- Account deleted
Since it's not responsive I'll only consider the desktop view.
- I think it has some thing going on for it and looks pretty ok on desktop.
- You might want to remove the space that's all over the page, by adding this to your css;
*{ border: 0; padding: 0; }
- The
Ready to build...
box seems to not stay on the same place when you resize, and it's not centered. To center it horizontally add this to it;
.somecontainer{ left:50%; transform: translate(-50%) }
-And remove the
left and right margins.
Marked as helpful1@ZerefResearchsPosted about 3 years ago@thulanigamtee Thanks for the info. Will try to amend it asap :)
0Account deleted@ZerefResearchs You should also do the mobile view, and make it responsive. If it's complete it'll be a lot better.
Marked as helpful1
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