Skip to content
exercise in rebuilding existing websites
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
README.md
index.html
normalize.css
style.css

README.md

From The Odin Project's curriculum

What I learned:

  1. What is the difference between inline, inline-block, and block elements?
  2. Can you apply margin-top, margin-bottom to inline elements? Does it affect the parent container's height?
  3. Can you apply padding-top, padding-bottom to inline elements? Does it afect the parent container's height?
  4. What is one way to position/move block-level elements horizontally? What is float?
  5. What type of element is ? How to align horizontally?
  6. How to vertically align inline elements such as ? How to vertically align multiple inline elements next to each other? (without using flex!)
  7. What kind of selector is this -> input[type="submit"] ?
  8. How to make sure navigation bar sticks to the bottom of the page?
  9. How is the middle value of vertical alignment calculated? How about baseline?
  10. How to contribute to an open source project?

Awesome resources:

  1. https://internetingishard.com/html-and-css/floats/
  2. https://www.impressivewebs.com/css-vertical-align/
  3. http://phrogz.net/css/vertical-align/
  4. https://christopheraue.net/design/why-vertical-align-is-not-working -> this article helped me vertical align my profile icons with the rest of the
  5. elements without having to use flexbox. It hlped me understand how the value middle is calculated relative to baseline, and how an element's default value is baseline. Since I did not set a vertical alignment value for profile icon, it had pushed the baseline far past the default center, which meant that the middle line was also pushed down!
  6. https://www.youtube.com/watch?v=mENDYhfxH-o -> Learned how to use fork, clone, and upstream to submit a pull request!

TODO: FIX YOUR MARKDOWNS!

You can’t perform that action at this time.