CoderslangJS

Let’s add two links inside the div.app-buttons. Each link should open in a new tab. The first link should lead to the AppStore: https: // apps.apple.com / us / app / coderslang-learn-programming / id1489105103....

The top padding of the .join-section section must be 30px, the bottom padding is 50px. .apps-buttons should be a flex container that should center the items. The height of each ....

Let’s also add these buttons to the first section. Copy the div.apps-buttons with all the children and add to the section.banner-section .content. Replace only large with small for platform elements...

Let’s start by adding navigation. First, let’s add the semantic header tag. The first child of the header will be the div.container element. Inside the .container (which will be used in all blocks) add a semantic navigation tag....

Now let’s add footer, right after main. The structure is as before: .container, .row. .row must be of class .one-column. Inside .row.one-column add a div.copyright element, inside which add a paragraph....

Time to add adaptive. There will be five rules for all types of screens with the following max-width: 1400px, 1200px, 992px, 768px, 575px. And we will immediately change the max-width ....

Let’s 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’s add some styling. header must have a background color of #E4ECEE. The .container should have a maximum width of 1320px - we’ll modify it later for different displays. .container must be horizontally centered - use margin for this....

Let’s 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....