search

stynan27 / BlockHeads

Primary repository for team BlockHeads inc. projects.
0 stars 0 forks source link

Develop Header component #12

Closed stynan27 closed 12 months ago

stynan27 commented 1 year ago

Description

Finish developing WIP Navigation bar/header. Contains BlockHeads title/image that when clicked will redirect to the /welcome page. A button that links to the BlockHeads GitHub repository and 2 additional buttons for navigation (implemented later).

Subtask of #2

stynan27 commented 1 year ago

Prototype image

image

stynan27 commented 1 year ago

@jtangelo98 Note: Breakpoints apply spacing based on the current available screen width by size, see https://react-bootstrap.netlify.app/docs/layout/breakpoints (Dimensions per breakpoint). The total amount of screen width real-estate is arbitrarily divided into 12 pieces based on whichever minimal screen width you apply (i.e sm, md, lg), so your columns need to have their breakpoints add to 12. If you don't specify a breakpoint, then that Column takes the remaining space.