Template:Etusivu/styles.css: Difference between revisions

Revision as of 11:49, 26 July 2024

body,html {background:red;}
.container {  
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto auto;
  gap: 1em 1em;
  grid-auto-flow: row;
  grid-template-areas:
    "aloita kubunopeasti"
    "nayttelyt ."
    ". problems";
}

.aloita { grid-area: aloita; }
.kubunopeasti  { grid-area: kubunopeasti; }
.nayttelyt { grid-area: nayttelyt; }
.problems { grid-area: problems; }
.container > div {
	background-color: #00b7ff40;
	border: 1px solid #00b7ff;
	border-radius: 10px;
}
@media (max-width: 800px) {
	.container {
		grid-template-columns: 1fr;
		grid-template-areas:
	    "aloita" 
	    "kubunopeasti"
	    "nayttelyt"
	    "problems";
	}
}