Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile First Huddle landing page with curved sections

XIIIā€¢ 790

@minibrusp

Desktop design screenshot for the Huddle landing page with curved sections coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


pls pls

Community feedback

P
Emmilie Estabilloā€¢ 5,540

@emestabillo

Posted

Hi @minibrusp, this looks good congrats! I like that you took great effort to keep the images and waves responsive. Here are a few thoughts:

  • I'm curious to know why aside was used for the call-to-action section. It's usually applied to a sidebar or as the definition suggests, it's content is indirectly related to the body.

  • Interesting hover states as well, the major buttons appear the same color as the main text. I think it'd better if it's a color that's closely related to the theme of the project, like the one in nav

  • Phone and email have hover states, but missing cursor: pointer. The form button has the opposite issue.

Hope this helps!

2

XIIIā€¢ 790

@minibrusp

Posted

  • i used aside cause i was thinking the content can stand alone and still adds interest on the user but if im wrong can u suggest me a better way to tackle this part.

  • ill keep this in mind thanks.

  • i was kinda aiming it to only add more readability but ill keep it in mind. i kinda wanted to avoid using the hover style cause it conflicts with the footer background thinking of it your suggestion about the hover button on nav could make sense. Thanks for the suggestion really helped me alot.

1
P
Emmilie Estabilloā€¢ 5,540

@emestabillo

Posted

@minibrusp I think section would be more appropriate for the cta, same as what you've used for the other containers. It's content is very much related to the body and is neither placed as a sidebar. For the buttons, one suggestion is that you can change the pink shade, either make it darker or lighter, when the user hovers on them.

0
XIIIā€¢ 790

@minibrusp

Posted

@emestabillo Thanks a lot for your pointers will be working in that. looking forward for more pointers in the future thanks. :D

0
P
ApplePieGiraffeā€¢ 30,545

@ApplePieGiraffe

Posted

Hey, XIII! šŸ‘‹

Nice job on this challenge! I like the fun animations you added and I noticed you styled the scroll bar (which is cool)! šŸ˜Ž

I only suggest,

  • Adding a little more space between the header and the top of the page (such as by using margin or padding).

Keep coding (and happy coding, too)! šŸ˜

1

XIIIā€¢ 790

@minibrusp

Posted

Thanks i only tried to tinker on it as i saw it on some sites.

Thanks didn't notice it till you said it.

Thanks alot

0

@geraldombuthia

Posted

Amazing, I am starting out but feel this is amazing

1

XIIIā€¢ 790

@minibrusp

Posted

@geraldombuthia thanks i know you can do it. happy coding

1

Please log in to post a comment

Log in with GitHub
Discord logo

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