Responsive landing page using CSS Flexbox, Grid, and typography

What are you most proud of, and what would you do differently next time?

My most proud of, and would I do differently next time?

• I am utilizing clamp() for font size, and it can also be applied to width. However, its usage is contingent upon your design requirements.

• I am utilizing em or rem not a pixels

example:

.class-name {
 width: 22.5rem; 
} 

For a better approach to enhancing according to web.dev

• I take great pride in my accomplishments after utilizing that tool(s), along with implementing semantic HTML.

I am differently next time

• I am starting using lighthouse assessment using Google Chrome's developer tools.For a perfect landing app in the future.

What challenges did you encounter, and how did you overcome them?

The challenges did I encounter, and how did I overcome them?

• How to use exactly the clamp(). With the help of resources in the front-end mentor, and I am using also AI like copilot, ChatGpt, etc. sometimes(if my brain don't run 😅).
• I started using lighthouse for the implementation of Performance, Accessibility(a11y), Best practices, and SEO.

What specific areas of your project would you like help with?

When I conduct a lighthouse assessment using Google Chrome's developer tools to evaluate Accessibility, SEO, Best practices, and Performance.

But I'd got a problem

• Performance rating is 3/4. The rest are all goods.

  "Images were larger than their displayed size"
  

I welcome any feedback regarding the design approach, should any issues arise. 😉

Happy coding! 🚀