Open yogeshtakeo opened 1 year ago
Apply CSS layout techniques (flow layout, position layout, and flexbox) and create a list of names to be printed in a React project created with Vite.
Create a react project with Vite that should be linked it with your GitHub repository that you will create with GitHub.
App.jsx
const names = ['Alice', 'Bob', 'Charlie', 'David'];
npm run dev
http://localhost:3000
Jharana git url- https://github.com/Jharanatmg/CSS-Array.git
Name: Ashma Upreti Github_Url: https://github.com/ashmaupret100/css_layouts.git
Kabina Thapa https://github.com/KabinaThapa/css-styling
Namkhang Tsamchoe git url: https://github.com/Namsla/Task6.git
Name: Junu Thapa Git URL: https://github.com/junuthapa011/Bootcamp-task6.git
Name: Sandesh Shrestha git: https://github.com/sandessth/CSS-layout-and-JS-array-2
Deena KC https://github.com/dinakc/CSS-layout-and-js-array.git
Task 6: CSS Layout and Printing Names in a React Project with Vite
Objective:
Apply CSS layout techniques (flow layout, position layout, and flexbox) and create a list of names to be printed in a React project created with Vite.
Task Details
Task Creation
Create a react project with Vite that should be linked it with your GitHub repository that you will create with GitHub.
Apply CSS Layout Techniques:
App.jsx
or any other component in the src directory) where you want to apply CSS layout techniques.Create a List of Names:
const names = ['Alice', 'Bob', 'Charlie', 'David'];
).Test and Refine:
npm run dev
http://localhost:3000
).Task Submission