Wikipedia:Mest visade artiklar/Responsiv.css

/* Här nedanför är stilen för [[Användare:Ainali/2022/Responsiv]] */

.intro {
	margin: 1em auto 1em auto; 
	width:auto;
}
.vecka {
	display:grid;
	gap: 0.5em;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	margin: 0.5em;
}

.tom {
	width: 100%;
}

.notering {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.accent1 {
	padding: 1em;
	border: #7ccd7c solid 2px;
	margin: 0.5em;
}

.accent2 {
	padding: 1em;
	border: #ffa54f solid 2px;
	margin: 0.5em;
}

.accent3 {
	padding: 1em;
	border: #ff82ab solid 2px;
	margin: 0.5em;
}

.accent4	 {
	padding: 1em;
	border: #7a67ee solid 2px;
	margin: 0.5em;
}

.accent5	 {
	padding: 1em;
	border: #cdcd00 solid 2px;
	margin: 0.5em;
}

.accent6	 {
	padding: 1em;
	border:  #cd2626 solid 2px;
	margin: 0.5em;
}


.accent7	 {
	padding: 1em;
	border: #9c9c9c solid 2px;
	margin: 0.5em;
}
.kalender {
	width: 100%;
	border: #99b3ff solid 1px;
	text-align: center;
	margin: 0 auto;
	display: table;
}

.kalender tr:first-child,
.kalender tr:last-child {
	height: 1em;
}

.acc1 {
	border: 2px solid #7ccd7c;
}

.acc2 {
	border: 2px solid #ffa54f;
}

.acc3 {
	border: 2px solid #ff82ab;
}

.acc4 {
	border: 2px solid #7a67ee;
}

.acc5 {
	border: 2px solid #cdcd00;
}

.acc6 {
	border: 2px solid #cd2626;
}

.acc7 {
	border: 2px solid #9c9c9c;
}

@media only screen and (max-width: 1024px) {
  .vecka {
  	display:grid;
  	grid-template-columns: 1fr ;
	}
	.intro {
		width:80%;
	}
}