• The Activity:

CSS Grid Layout is a CSS layout method, designed for the two-dimensional layout of items on a webpage. The CSS Grid Layout Module on w3schools offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning. For this weeks craft activity we delve into creating webpages with the use of this CSS Grid Layout.

1)Dreamweaver Files (Code)

• 

• 

2) CSS Grid Layout

---

After creating the above CSS Grid with the help from our lecturer, we had to take any image from the internet and manipulate the code to create a resembling grid layout.

1)My Chosen Image (Desktop)

2)The Dreamweaver files (code)

• 

• 

3)Final CSS grid layout

• Open Files:

Simply “click” on the link below to gain access to the open files.
https://drive.google.com/open?id=16qgBEM6sijr9jB_CBtKjvsliHssZiq6w

• Feedback and Relevance:

This activity was quite relevant to us a third year Multimedia design students, as it allowed us the opportunity to explore grid layouts when designing, developing or coding a fully functioning website. A Grid system will also help to organise and structure a website that it is easy and quick to navigate. Thus knowing the basics is a very important and relevant skill to have.