Responsive design with React Vite with React router Dom

Challenge brief

Features Section (Side image)Build a responsive 2-column features section component that can show an image on either the left or right column

Back to all submissions

Responsive design with React Vite with React router Dom

Challenge brief

Features Section (Side image)Build a responsive 2-column features section component that can show an image on either the left or right column

Divya Basavaraju@DiLearnCode

Self taught developer

Career Switcher

1.52k Reputation

Preview solution

View code

Responsive design built with Vite React and React Router DOM

Submission vs Design

Image on left

https://main--featureside.netlify.app/

Implementation details

Tech stack and approachMobile first approach
Common Components
Useful resources and lessons learntFor 404 error on routing after deploy refer with page.
https://docs.netlify.com/routing/redirects/ 

Tech stack

HTML

Basics

Semantics

Images

CSS

Basics

Positioning

Layout

Responsive Design

React

Basics

Components

List Rendering

Code

Discussions