*Flexbox is used effectively in several places, such as the .App-header, .info-container, and .bird-data-container, to achieve vertical and horizontal centering of elements.
*App logo, osci image, and nest image, have defined sizes and styles (responsive)
[x] New Feature
[x] Fix
[ ] Documentation
[ ] Tests
🧠 Context or Rationale for this code
What is helpful for team to know and understand about decisions made in this code.
-CSS rules targeting specific breakpoints to adapt the layout and styles for different screen sizes.
👀 Checks
[x] When the project is run locally, the terminal shows no errors or warnings
[x] Breaks nothing
[ ] Breaks some things & Creates new issues
[ ] Code in this branch has been tested
[ ] Forgot to write new tests for changes in this code, but it is added to the project board as a ticket.
[ ] Code is DRY, reusable, follows SRP and trends toward function purity
[ ] I've updated the project board to reflect changes, add issues, or tickets
✍🏽 Notes, Questions, What's Next
Specific CSS rules targeting the breakpoints at 320px, 768px, and 1200px are still in the works. To achieve responsiveness, more CSS rules can be implemented within out J-querys.
🛠️ Description of this branch
*Breakpoints 320px, 768px, and 1200px
*Flexbox is used effectively in several places, such as the .App-header, .info-container, and .bird-data-container, to achieve vertical and horizontal centering of elements.
*App logo, osci image, and nest image, have defined sizes and styles (responsive)
🧠 Context or Rationale for this code
What is helpful for team to know and understand about decisions made in this code.
-CSS rules targeting specific breakpoints to adapt the layout and styles for different screen sizes.
👀 Checks
✍🏽 Notes, Questions, What's Next
Specific CSS rules targeting the breakpoints at 320px, 768px, and 1200px are still in the works. To achieve responsiveness, more CSS rules can be implemented within out J-querys.
Screenshot