Responsiveness of Existing Projects

heatherdice / 100_days_css

0 stars 0 forks source link

Responsiveness of Existing Projects #5

Closed heatherdice closed 2 days ago

heatherdice commented 2 months ago

Projects which were created before the React app were not initially created with responsiveness in mind. Those projects need to be modified so they are fully responsive with the overall display site.

[x] Day 1
[x] Day 2
[x] Day 3
[x] Day 4
[x] Day 5
[x] Day 6
[x] Day 7

heatherdice commented 2 months ago

5/16: Day 2: x animation not fully responsive. Currently works on small screens, but not large.

Day 3: large circle shape needs to be more proportionate on smaller screens

heatherdice commented 1 month ago

5/28: Day 2:

moved original .day2-hamburger:not(.static-hamburger) & .day2-hamburger.animate-X to tablet media query
copied keyframes animations, gave desktop-specific name
adjusted translateY property to work better for desktop view