Task #2251, Stage #22 - Mining Empire landing
Let鈥檚 start with responsive for the smallest screens (575px). links inside .apps-buttons must be placed in a column; links inside .apps-buttons must not have a left margin; links inside ....
Let鈥檚 start with responsive for the smallest screens (575px). links inside .apps-buttons must be placed in a column; links inside .apps-buttons must not have a left margin; links inside ....
For screens up to 992px: .banner-section the bottom margin must be 40px; .banner-section .row and .description-section .row must be in the same column; .column-offset must not have a left margin; in the third ....
Let鈥檚 add some styling. header must have a background color of #E4ECEE. The .container should have a maximum width of 1320px - we鈥檒l modify it later for different displays. .container must be horizontally centered - use margin for this....
Let鈥檚 include the font Jost from the fonts folder. All elements must use the fonts Jost and sans-serif. For all elements at once, change the box-sizing to border-box and remove the margins....
Styling the navigation. nav and .main-menu should be flex containers. Within a nav, children must be vertically centered. The left indentation of .main-menu must be zero; list items must have no bullets....
Let鈥檚 add a div.header-btn element just after the div.menu-block. This item must be a flex container. Inside the div.header-btn add one link with the class download-btn; the link should lead to the #download block....
Let鈥檚 go to the main block - add the main tag right after the header. The main block will consist of several sections. The first is section.banner-section. Inside each section we will add a div....
Styles again! The background color of the .banner-section should be #E4ECEE, the padding should be 25px 24px 0 24px. All further .row elements must be grid containers. Initially, all lines must have two identical columns....
Let鈥檚 add a second section inside main. The second section should have a class description-section. The rest of the structure (.container, .row, .column) is the same as in the first section....
One script has already been added to index.html that displays the message This is the second message. You need to add one more script in which the message should be displayed in the console: This is the first message....