In week 5, we had a recap of using CSS grid and using images along with a quick run through of webflow, a talk from a whitespace - potential placement opportunity and a talk about creating CVs for applying for placement positions.
In regards to CSS grid we looked at creating the grid, adding colours, looking at the layout such as making one side bigger etc and finally visualising the grid within a browser. It is also possible to use the grid to create a quick and easy website layout, making a menu, two columns for header and content and finally a footer. We looked at adding/removing columns or rows in the grid and also how to make the grid responsive. So instead of cells in the grid becoming narrow we can change the code to include fraction units, this will make it more responsive and also if we add autofit and minmax it will make it more responsive.
When creating an image grid, have a container with the images and set the grid. To get images to span over two columns use the tool 1/span-2 and if we add the class ‘big’ then they will be twice as big and therefore will get more attention on the website, this is essential as in our websites we want some images to get more attention than others. To remove gaps between images we can add the ‘grid-auto-flow’ and set it to dense. This will make the images seem a lot more fitted and make the website feel a lot more slick.
When creating a CV for a creative role there are elements we need to include which are not normally included in a standard CV along with needing to focus on how it looks and making it fit our brand. Things I plan to include in my design is my role, a brief introduction of a few sentences, contact details, my education, work experience, my skills, the tools I have used, achievements/extra curricular and references. These titles will need to have necessary explanations to explain what i did during education stages and also what I have done with previous clients/work experience situations.