Notes for README

[dylanhamada]

Lessons Learned

• Achieving a masonry-style layout is challenging without JavaScript

  • Masonry doesn't seem like best practices, as far as accessibility

• What a hard lesson to learn that width of a child depends on the position property of its parents

  • As in, if its parent has no defined position, and the child has a position of absolute, it will take the width/height of the page

• There was a lot of repetition with the images in the showcase div, which would probably be remedied with a framework like React

• The hacky-ness of creating a totally separate set of divs and buttons for mobile view

  • Was there a better way?

  Challenges

• The challenges of building the top nav bar

• Challenges of using flexbox

  • On .top-links, used a right border instead of creating a div just for a vertical line

• Adding overlay for the marquee was a tiny bit challenging

  • As was figuring an overlay for the images

• Figuring out alignment for elements in marquee was challenging

  • Because it required a nested div to then be centered within the parent div

Questions

• Questioning why Unsplash used spacer divs and placeholders

Omitted Features

• Hamburger pop-up menu
• Photo upload/scan feature in the search box
• Pop-up on clicking Download options button in mobile view