testing 1st to 8th july by page - Githubissues

lmcrean / Hoverboard

A responsive product home page for a Virtual Learning Environment. The key focus for the project was responsive CSS, using flex and grid displays to allow the website to be viewed comfortably on different devices.

https://lmcrean.github.io/Hoverboard/

2 stars 3 forks source link

testing 1st to 8th july by page #144

Closed lmcrean closed 1 year ago

lmcrean commented 1 year ago

Home page

https://github.com/lmcrean/Hoverboard/assets/133490867/c71023d8-0af3-41d4-80e2-16e0278399da

key issues spotted

hero image falling out of view https://github.com/lmcrean/Hoverboard/issues/32 https://github.com/lmcrean/Hoverboard/issues/29
mission intro img doesn't grow
features for teachers needs to disappear & switch into mission box https://github.com/lmcrean/Hoverboard/issues/44

8th July '23

https://github.com/lmcrean/Hoverboard/assets/133490867/d8e58e46-9a92-42d6-826f-964bd1f8fbc6

https://github.com/lmcrean/Hoverboard/assets/133490867/17bf9272-5d61-4c95-b6e1-3b75401845e6

changed:

img grows along with viewport width
features for teachers nests into mission box in laptop view breakpoint https://github.com/lmcrean/Hoverboard/issues/44

tablet breakpoint

hero feature img mobile to landscape
mission intro splits into 2 columns
features for teachers switches from columns to rows
testimonials splits into 2 columns
cards split into 2 columns

laptop breakpoint

features for teachers nests into mission intro
testimonials splits into 4x4 grid

desktop breakpoint

NEED TO FIX: hero image fits https://github.com/lmcrean/Hoverboard/issues/41

Features Page

https://github.com/lmcrean/Hoverboard/assets/133490867/f44e0f4e-8ded-4fbe-a354-4d33c341c07b

tablet breakpoint

header switches from columns to rows
main body switches to 2 columns - middle row reversed for design

laptop breakpoint

TO FIX: text is looking a little spare https://github.com/lmcrean/Hoverboard/issues/50

desktop breakpoint

TO FIX: too much space https://github.com/lmcrean/Hoverboard/issues/50

8th Jul 23

Sign Up Page

https://github.com/lmcrean/Hoverboard/assets/133490867/1aea2a23-180a-4a05-92c8-559b3278647c

8th Jul 23

tablet breakpoint

form inputs split into 2 columns

laptop breakpoint

header splits into 2 columns, nesting the clipboard image
TO FIX: convert to 3 columns at laptop breakpoint - it's currently at desktop view https://github.com/lmcrean/Hoverboard/issues/51

desktop breakpoint

split into 3 columns
submit button moves to left column
TO FIX: submit button fills whole grid cell, needs to be sized down https://github.com/lmcrean/Hoverboard/issues/52