12345678910111213141516171819202122232425262728293031323334 |
- header{
- font-family: sans-serif;
- font-size: 30px;
- }
- #mainContainer {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- padding: 30px 20px;
- }
- #aside {
- flex: 0 0 30%;
- }
- #aside > a{
- display: block;
- font-family: sans-serif;
- font-size: 16px;
- text-decoration: none;
- cursor: pointer;
- color: black;
- margin-bottom: 10px;
- }
- #aside > a:hover{
- text-decoration: underline;
- }
- main{
- flex: 0 0 70%;
- }
- .item--main{
- position: relative;
- }
- main img{
- max-width: 100%;
- }
|