Huddle landing page with curved sections using absolute positioning

Solution retrospective
During the development I've had some trouble with spacing (em vs rem, among others). Some of it may be visible yet. I will work on specifying the spacing better for my next project.
I also had to make a design decision for very big screens (>1440px). Because the bg-patterns are not really suited to spanning a very big screen, I had to limit the size of the content body and then fill the remaining space with a background (colored very pale blue). It's not the best result, I would have wanted the bg-patterns to repeat themselves, but they don't match on the left and right borders.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @emestabillo
Hi Sebastian, great work! I went through the same dilemma and also applied max-width. I opted for a box-shadow effect so I don't have to mess with the background colors. Here's my solution if you'd like to check it out :-)
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