Spaces:
Running
Running
Commit History
-
It seems like there are a lot of inconsistencies with the design. Can you make sure the design looks professional and clean while also sticking to the example provided.
Verified signature4f0535d -
This is what the mega menu should look like. Generate the necessary code so it is rendered properly.
Verified signature48f4c45 -
Upload 1 image(s)
Verified signature31638ae -
That's a great start. However the logo should be a few pixels to the right of the burger menu. Also the burger menu should activate a modal that covers the entire screen. This will be the menu interface. Think of it as a mega-menu:
Verified signature<div class="mega-menu__positionWrapper"> <section class="mega-menu__mobile-items mobile-only"> <div class="Page-headerSearch topbar__search"> <div class="header-search-button-wrapper"> <button class="header-view-search-button" onclick="document.querySelector('body').toggleAttribute('menu-search-is-open');" aria-label="Open BCG site search input"> <svg> <use xlink:href="#search-icon"></use> </svg> </button> </div> <form class="topbar__search-form" action="https://www.bcg.com/search" type="get"> <fieldset> <div class="header-search-button-wrapper"> <button class="header-submit-search-button" type="submit" aria-label="Button to submit search on BCG site"> <svg> <use xlink:href="#search-icon"></use> </svg> </button> </div> <type-ahead-sug…0378d0f -
The header essentially should have to components. one is composed of a burger menu alongside the JSC logo, which is to the top-right of the page. And, another which is essentially the search component, all the way to the right-top side of the page.
Verified signature1b7d3c8 -
This is essentially the Menu experience I want to have. Can you integrate this such that is it works seamlessly with the other components.
Verified signatureI would prefer this site leverage React.js. Here is the code snippet: <section class="mega-menu__mobile-items mobile-only"> <div class="Page-headerSearch topbar__search"> <div class="header-search-button-wrapper"> <button class="header-view-search-button" onclick="document.querySelector('body').toggleAttribute('menu-search-is-open');" aria-label="Open BCG site search input"> <svg> <use xlink:href="#search-icon"></use> </svg> </button> </div> <form class="topbar__search-form" action="https://www.bcg.com/search" type="get"> <fieldset> <div class="header-search-button-wrapper"> <button class="header-submit-search-button" type="submit" aria-label="Button to submit search on BCG site"> <svg> <use xlink:href="#search-icon"></use> </svg> </button> </div> …fbe2433 -
This is essentially the Menu experience I want to have. Can you integrate this such that is it works seamlessly with the other components.
Verified signatureI would prefer this site leverage React.js.63b1f08 -
Create an exact copy of the BCG website. Here is the URL: https://www.bcg.com
Verified signature2fa72c4 -
initial commit
Verified signaturefae0164