После ових ствари дође Авраму реч Господња у утвари говорећи
<title>CSS Template</title> <style> * { box-sizing: border-box; }
body { font-family: Arial, Helvetica, sans-serif; }
/* Style the header */ header { background-color: #666; padding: 30px; text-align: center; font-size: 35px; color: white; }
/* Container for flexboxes */ section { display: -webkit-flex; display: flex; }
/* Style the navigation menu */ nav { -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #ccc; padding: 20px; }
/* Style the list inside the menu */ nav ul { list-style-type: none; padding: 0; }
/* Style the content */ article { -webkit-flex: 3; -ms-flex: 3; flex: 3; background-color: #f1f1f1; padding: 10px; }
/* Style the footer */ footer { background-color: #777; padding: 10px; text-align: center; color: white; }
/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */ @media (max-width: 600px) { section { -webkit-flex-direction: column; flex-direction: column; } } </style>
In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.
Resize the browser window to see the responsive effect.
Note: Flexbox is not supported in Internet Explorer 10 and earlier versions.
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
Footer