Workit lading page

Community feedback

• 

  P

  Alek•150

  @aleknovkovskiPosted over 1 year ago

  Looks good, you've replicated most of the design :) Just wanted to share some thing I learned whilst doing the same project.

  • I see you didn't use the provided fonts. I also didn't use them initially because I didn't realize they're stored in the assets folder. I then updated the project to use those local self-hosted fonts (not the google fonts version which looks slightly different)

  • The curved divider between sections is tricky. I almost gave up on this project because it's so tricky to get everything in the design and also have a curved border. There is a solution though, it involves using ::before and ::after pseudo elements. You set the curve on the ::after and you set those green spring things on the ::before. If you get the z-indexing right you end up achieving all things as per the design. I described the process in the readme in the repo for my challenge if you're curious.

  Marked as helpful

  0