Project: angular
Task (easy): 1) Create a appealing blog-list component that accepts an array of blogs as input property and displays the titles in div elements with the class 'list-item'. 2) In main.component.ts, mock the blog data and display it using blog-list with this data: [{title: 'Morning', detail: 'Morning My Friends'}, {title: 'Travel', detail: 'I love traveling!'}]. 3) Position blog-list on the left side of main.component.ts with a width of 300px; each blog item should have a height of 40px and a border-box layout. 4) Only One blog.component.ts occupies the remaining space of main.component.ts. The content of blog.component.ts should be from first item of the mock data. 5) Angular Version is V19