Submitted about 1 year ago

🟣Insure-landing-page | Vite | CSS modules | React | Components🟣

Sam• 910

@JustANipple

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Insure landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi! I made i through this challenge!

This time i managed to use the useState of React to change menu icon onClick

Issue: I couldn't make the intro background shorter than the image it contained

It would be nice to receive any tips to improve my code and my solution

Community feedback

Aishat Muhammed• 360

@Aysha-py

Posted about 1 year ago

Hi @JustANipple,

This is an extremely responsive proect, welldone.

I haven't worked with vite before, but I am curious is it a framework for react? does it come with its own components? and lastly did you use a css framework for this project?

Sam• 910

@JustANipple

Posted about 1 year ago

Hi @Aysha-py

I'm glad you liked my solution

Vite is a build tool that lets you install a template to use React, but it doesn't have any pre-built components, i made all from scratch

This time i didn't use any css frameworks and worked with CSS modules, but i could've used Bootstrap or Tailwind if i wanted

I'm trying to improve my React skills, so i only focused on that and made styling the easy way

Aishat Muhammed• 360

@Aysha-py

Posted about 1 year ago

@JustANipple Alright thanks!

Please log in to post a comment

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