hemanth110702 / manage-landing-page-challenge

Discover my solution for the Frontend Mentor Manage Landing Page challenge! This project features a modern and intuitive landing page design with a focus on effective information management. The responsive layout ensures a consistent and visually appealing experience across various devices.

Home Page:https://hemanth110702.github.io/manage-landing-page-challenge/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Frontend Mentor - Manage landing page solution

This is a solution to the Manage landing page challenge on Frontend Mentor.

Table of contents

Overview

The challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page
  • See all testimonials in a horizontal slider
  • Receive an error message when the newsletter sign up form is submitted if:
    • The input field is empty
    • The email address is not formatted correctly

Screenshots

Desktop View Mobile View
Intro
Desktop view - Intro Mobile view - Intro
Features
Desktop view - Features Mobile view - Features
Feedback(1)
Desktop view - Feedback_1 Mobile view - Feeedback_1
Feedback(2)
Desktop view - Feedback_2 Mobile view - Feeedback_2
Social Info
Desktop view - social info Mobile view - social info

Links

⬆️ Back to Top

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Desktop-first workflow

⬆️ Back to Top

What I learned

I have gained a better understanding and more expierience of developing websites that are responsive and adapt effectively to various screen sizes. This knowledge has allowed me to optimize my development process and create designs that work seamlessly on different devices. Additionally, I have expanded my proficiency in CSS properties such as flex and grid which have enabled me to implement more sophisticated and dynamic visual effects on my web pages.

⬆️ Back to Top

Continued development

I am enthusiastic about expanding my knowledge in designing websites that effectively cater to different screen sizes. Specifically, I am determined to become proficient in utilizing the power of CSS flexbox and grid layouts to create responsive and visually appealing designs. Additionally, I am eager to explore the possibilities of enhancing interactivity and responsiveness by leveraging JavaScript. My goal is to master these techniques to deliver seamless and engaging user experiences across a wide range of devices and platforms.

⬆️ Back to Top

Author

⬆️ Back to Top

About

Discover my solution for the Frontend Mentor Manage Landing Page challenge! This project features a modern and intuitive landing page design with a focus on effective information management. The responsive layout ensures a consistent and visually appealing experience across various devices.

https://hemanth110702.github.io/manage-landing-page-challenge/


Languages

Language:CSS 56.5%Language:HTML 37.0%Language:JavaScript 6.6%