Skip to content
Submitted almost 2 years ago

CSS Grid and Flex Design Responsive

rayzii-gh•160
@rayzii-gh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

I'm still not get used with transform translate anyone can help? I'll appreciate with it :)

Community feedback

  • ANDRES•180
    @t0ntinPosted almost 2 years ago

    For text under the h1 in the hero section, it looks like you used the font Poppins. It should be "Open Sans." The text in the cards should be gray.

    Marked as helpful
    0
  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 2 years ago

    Looks nice, what are you trying to transform or translate? Also, I would add some active states for buttons so they change color when you hover and it looks more interactive

    0
    rayzii-gh•160
    @rayzii-ghPosted almost 2 years ago

    @catherineisonline I saw that in the design pictures don't have a hover effect so I couldn't add it, and the div I've added on footer and position it can't on the right position from the default pictures.

    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