TechEvolvace / adapting-nav-menu

Aiming to have an adaptable navigation bar that displays all available menu options for wide screens and an interactive clickable menu icon for narrow screens that displays all available menu options when clicked

0 stars 0 forks source link

Fixed the Navigation Menu Options, Content, and Header placement and made it more responsive! #9

Closed TechEvolvace closed 1 week ago

TechEvolvace commented 1 week ago

Purpose of these changes

Margins help separate important content from the edges of the browser and from the other elements, so these important content are visibly readable and clean to look at.

Changes

Revise the margins for the navigation bar, header, main, and body element, so all the important website elements (info cards, navigation menu options, and header) are visibly shown clearly regardless of browser width.

TechEvolvace commented 1 week ago

The website looks much more cleaner now that the navigation menu options are obscured at the right edge of the browser. Each important element of the website are visibly separated from the edges of the browser and from the other elements regardless of the width of the browser. In other words, they are responsively designed and are well organized in different browser widths!