The news block needs to be rebuilt

[dakaza98]

If you have more than 3 news in the news block, the layout looks weird. The news items are aligned to the right and overlap with each other.

We are going to rebuild this with the css grid component so that the news are placed more even and will look good no matter how many news you choose to have. https://www.w3schools.com/css/css_grid.asp

The grid should still display 3 items next to each other before placing the next on a new line i.e. it will be 3 items wide.

Also, the news block should be moved inside the section block so that you can apply margins to it. This requires you to make a manual migration since you will change how the data for news blocks are stored in the database. https://docs.djangoproject.com/en/3.1/topics/migrations/