Skip to content
Submitted about 2 years ago

Workit Landing Page Challenge

astro, lighthouse, next, tailwind-css, react
Niroyan•410
@yanniro2
A solution to the Workit landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Challenge Details

  • Task: Create a responsive landing page according to the provided design.
  • Key Requirements: Ensure responsiveness across different screen sizes and implement hover and focus states for interactive elements.

Technologies Used

  • HTML5
  • CSS3
  • CSS Grid for layout
  • Flexbox for element positioning
  • Google Fonts for typography

Project Highlights

  • Achieved pixel-perfect replication of the design.
  • Implemented responsive design for mobile, tablet, and desktop screen sizes.
  • Utilized CSS Grid and Flexbox for efficient layout and positioning.
  • Ensured accessibility and interactive user experience.
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Niroyan's solution.

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