Git Product home page Git Product logo

sp21-cse110-lab3's People

Contributors

satyam19946 avatar tfischer86 avatar

Watchers

 avatar

sp21-cse110-lab3's Issues

Add Remaining CSS

Which properties should be used here?

These are fairly small, so do them in one pull request:

  • pseudo classes:
    • :hover
    • :active
  • Responsiveness
    • Media query
  • Fonts
  • CSS Selectors
    • class
    • ID
    • universal
    • element
    • attribute
    • pseudo-class
    • list
    • combinators:
      • descendant
      • child
      • general sibling
      • adjacent sibling
      • combining

Add Sizing CSS

What needs CSS?

Possibly the journal entries or the creation form

Which properties should be used here?

Sizing:
height / width
max-width / min-width

Add Grid layout

What needs CSS?

The nav element could use this

Which properties should be used here?

grid, use at least three grid related attributes

Add Text CSS

What needs CSS?

Text: p, li, headings.

Which properties should be used here?

text-align,
text-decoration
color

Add Position CSS

What needs CSS?

The creation form makes the most sense

Which properties should be used here?

Position: at least two of static, relative, fixed, absolute, sticky

Add CSS to body

What needs CSS?

The body of the webpage

Which properties should be used here?

background color

Add Display CSS

What needs CSS?

Display property

Which properties should be used here?

At least two of none, block, inline-block, inline

Add Box Model CSS

What needs CSS?

Divs, journal-entry class, nav section

Which properties should be used here?

  1. Margin
  • Long (margin-top, margin-bottom, margin-left, margin-right)
  • Short (margin: top right bottom left)
  • Auto margins: margin: auto
  1. Padding
  • Long (padding-top, padding-bottom, padding-left, padding-right)
  • Short (padding: top right bottom left)
  1. Borders
  • border-style
  • border-color
  • border-width
  • border-radius

Add Flexbox CSS

What needs CSS?

main

Which properties should be used here?

flex
Use at least three flexbox attributes

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.