Create the blog component for the start page

[majarzabek]

It should look as follow:

mobile version is a bit different:

helpful css' concepts:

https://www.w3schools.com/css/css3_object-fit.asp https://css-tricks.com/snippets/css/a-guide-to-flexbox/

[michalusio]

[!NOTE] It will be useful to compartmentalize - first create a BlogItem (picture + text + button), then combine two items into a BlogComponent

[majarzabek]

Yes, also to achieve this view you will have to mock the data. It will look something like this:

<h1>Our blog</h1>
<h2>Introduction text bla bla</h2>
<BlogSubComponent imageUrl={something} title={something} heading={something} articleUrl={something}/>
<BlogSubComponent imageUrl={something} title={something} heading={something} articleUrl={something}/>

if we had real data, it would look differently:

<h1>Our blog</h1>
<h2>Introduction text bla bla</h2>
{articleList.length>0 && articleList.length.map((article: BlogArticle) => (
<BlogSubComponent key={article.url} imageUrl={article.imageUrl} title={article.title} heading={article.heading} articleUrl={article.url}/>
)) }

Micha will tell you more about Types and keys :D

[Gyllenberg]

This will probably take me way to long to achieve, but imma start it