Design comparison
SolutionDesign
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.
Community feedback
- @sung92Posted about 1 year ago
Hey Niroyan, nice work over there! Just remember not to include the figma file in source/figma in github since this challenge is exlusively for PRO members.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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