Project: react-no-ts
Task (easy): 1) Create components/Header.jsx that displays 'Hello Blog' at the top of the page with appealing background color. 2) Create components/Main.jsx where content is aligned at the top left and fills the remaining space. 3) Develop components/Blog.jsx that accepts 'title' and 'detail' as props. Display mock blog data in Main.jsx using this Blog component with the mock data: { title: 'Morning', detail: 'Morning My Friends' }. 4) Render Header.jsx And Main.jsx in App.jsx 4) The classname of title in Blog.jsx is 'blog-title', the width of blog-title is 'fit-content', fontSize is 24px