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

Few lines in js, flex and grid

DG00β€’ 20

@dgebara00

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I think that I've done my job well. Waitin for reply :)

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hey, DG00! πŸ‘‹

Congratulations on completing your first Frontend Mentor challenge! πŸŽ‰ Good work on this one! πŸ‘

A few things I suggest are,

  • Adding cursor: pointer to the cards in the "Creations" section.
  • Making sure the hover effect for the cards in the "Creations" section remains visible when the titles of the cards are hovered over.
  • Adding some more space between the navigation links in the logo of the page in the mobile menu.

You can make the background of the hero section darker by adding a linear-gradient to the background of that section and setting both of its colors to black (with some opacity in it, so that the background image remains visible).

Hope that helps. πŸ˜€

Keep coding (and happy coding, too)! 😁

1
Carlos Tβ€’ 160

@ctx14

Posted

Nice job!

1
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

Never settle! Your font size are way different than the design and header or hero image should be a bit darker

hope it helps

1

DG00β€’ 20

@dgebara00

Posted

@RocTanweer Thanks a lot for comment. You motivated me to improve that and I think it's way better now but still dunno how to make background darker.

0
DG00β€’ 20

@dgebara00

Posted

@ctx14 Thanks :>

0

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