Mobile hexagon hover, where the user long-presses a hexagon and swipes somewhere outside of the hexagon and lets go, was making the hover text really large at lower resolutions like phones. So I had to move the texts upwards at different resolutions, and change text size.

Fixed responsiveness for desktop and mobile all the way down to 300px

Front page fix (updated)

Didn't need the opacity to be changed. The break-lines will be visible without changing the opacity for some reason...

Deleted opacity for break-lines on home page

Fixed up comments in the .scss file, added new members to hexagons, and fixed hexagons component centering.

Added new members to hexagons

Added Shawn's pic to hexagons. Saw that the HackMerced Tower was placed very low on the home page, so I changed the margins, height, and widths of it. Changed CSS and media queries so the tower, title img, title texts, and subscribe button have proper z-indexes when overlapping, and fixed minor responsiveness issues relating to that.

Now Clouds will always float OVER the Tower. Above 1030px width, Clouds float OVER and UNDER the title img, texts, and subscribe button, but under 1030px width Clouds always float under the title img, texts, and subscribe button (because z-index).

Added Shawn's pic to hexagons, cleaned up some CSS

The Home Heading's img, text, subtext, and subscribe button were too squished together. I had to change the height of the Home Heading component and add css to that, and fix the css margins between the subtext and subscribe button. By doing this we fill most of the empty space in our Heading component; especially when at lower resolutions.

Had to subtract the vh by the height of the navbar's height. Will not do vh for lower resolutions because lower resolutions are for phones and other devices. Apparently vh might not work on them and create visual bugs (because you can zoom-in and scroll out of the page using a phone, changing the view height).

Changed Home Heading height w/ heading subtext & button margin

Navbar colour changes in mobile view. The colours in dark and light themes are different.

The colour at present is set to "rgb(255, 177, 129)"

Changed the navbar colour

Implemented hover feature animation for the navbar. Fixed breaklines having full width of the div by using margins as inner div padding (this is needed because it doesn't make sense to have a full width breakline under "Home").

Added navbar hover feature, & fixed breaklines width in hamburger navbar

to the hexagons! Only two more members' pictures. I also made the backdrop filter for the hover feature more blurry, so the title is easier to read when on top of white backgrounds.

All hexagons are now finalized, but can be changed at any time if members want to edit their picture.

to the hexagons.

Hexagons are now all filled.

…x/hexagons-newmembers

Fix/hexagons newmembers (FINAL)