Dillon Kupferschmid's CMWEB120 Lab 4

Dillon Kupferschmid Contact Info: E-Mail: dk526a@lab.icc.edu

Log In

Lab 4 CSS Layout

5 CSS Properties w/ their Values

  1. The border property allows you to do the border commands in a shorthand way. The value is "border: ***;"
  2. The color property allows you to change the color of the text on your page through CSS. The value is "color: ***;"
  3. The left and right properties allow you to move certain CSS objects to certain positions on the page. The value is "left: ***px;", "right: ***px;", you also must include position, width, height, and border for the DIV.
  4. The object fit property can let you fit an image or something like it to the contours of a selected area using its height and width. The value is "object-fit: cover;", and include width and height.
  5. The resize property allows you to define a resizable element by the user. Value is "resize: both;".
  6. Sources for CSS Properties

What is Responsive Design?

Responsive Design refers to the concept of making all assets on a web page appear to fit on whatever screen it loads onto. Originally, all assets on pages had predetermined information about sizing, so not everything would appear as it should on different screens. Think of it like comparing a web page appearing on an iPhone compared to a computer monitor. The sizes vary based on the size of the screen to allow for easy use on any device. Overall, responsive design means that something can work across multiple devices in the same way as it could on another device, making it accessible to anyone on any device.

Article about Resposive Design for more Information




















To Access Dillon Kupferschmid's Index Page