se_project_aroundtheus

Project 3: Around The U.S.

Overview

• “In project 3 “around the US” we use a tool called grid. grid is a helpful tool for creating a responsive layout of images that are exported from the web.

• for example, we use the “grid-template-columns” which defines the column of the CSS container. Go into depth, the minmax value is to create responsive and flexible grid layouts. this value helps define the minimum grid size it can be flexible in certain jumps. The auto value prevents the images from getting squeezed together and keeps it wide as possible.

• another useful tool to make the website responsive without any errors is the grid-template-area: image The grid-template-area, is a rectangular area consisting of one or more grid cells. This is applied to the grid container tell ho much space should it contain. NOTE! it must look like a rectangular shape and not “L” shaped if it is shaped as an “L” the property won’t work and no changes will be made.

another tool we use is Figma. Figma is a tool in which we the designers apply our design and our job is to implement the margins, paddings, etc according to the design. It is crucial to negotiate, with the designer, what are the most appropriate spaces to apply so that the project would be efficient and with fewer errors as possible

https://burger007.github.io/se_project_aroundtheus/

video recording: https://drive.google.com/file/d/1F83sHKwG3qxsv6Kng022Bp9uyzp_dvUA/view?usp=sharing