743-fix-position-logo-phone #750

Merged

a24julot merged 3 commits from 743-fix-position-logo-phone into team_1_week_4

2026-05-05 13:26:29 +00:00

b24erika commented

2026-05-05 11:38:41 +00:00

Collaborator

When "transition" to screen-size less than 768px the b logo is shown and is positioned to the left side.

Also added the feature of menu sliding in from the left, it stopped working on earlier changes.

When "transition" to screen-size less than 768px the b logo is shown and is positioned to the left side. Also added the feature of menu sliding in from the left, it stopped working on earlier changes.

b24erika added 3 commits

2026-05-05 11:38:41 +00:00

updated css f88c46f830

now when center logo is viewed in smaller "screens" than 768px it will display the "b" logo on the left side. If it is bigger the original logo is displayed.

added smooth transition to menu 1869de3208

This was an earlier feature that did not work after my previous changes to the menu, did not work with "display block".

align text in menu ad14b7d83c

b24erika self-assigned this

2026-05-05 11:38:44 +00:00

b24erika added the

frontEnd

Team 1

needs review

labels

2026-05-05 11:39:04 +00:00

b24erika referenced this pull request

2026-05-05 11:43:23 +00:00

The "B" is not placed to the left on small screen #743

a24julot requested review from b24krila

2026-05-05 11:52:12 +00:00

b24krila commented

2026-05-05 13:11:20 +00:00

Collaborator

Review on #750

What has been Done.

Reviewed code and test so that the logo moves to the left.

Tested on Windows Using Firefox with the inspection tool to change the size.

App starts
The logo is on the left side.
The logo can be interacted with.

the css seems to be good (asides from the known issues)

What needs to be done

Nothing

Conclusion

In conclusion the structure looks correct and behaves as expected aside from the known issues this implementation seems to have fixed the issue and can be merged.

### Review on #750 ### What has been Done. Reviewed code and test so that the logo moves to the left. ### Tested on Windows Using Firefox with the inspection tool to change the size. - App starts - The logo is on the left side. - The logo can be interacted with. ### Inspected the following files "HamburgerMenu.module.css and Navbar.module.css - the css seems to be good (asides from the known issues) ### What needs to be done - Nothing ### Conclusion In conclusion the structure looks correct and behaves as expected aside from the known issues this implementation seems to have fixed the issue and can be merged.