Template:Home/Welcome/styles.css - Revision history

Timothy at 03:37, 9 August 2023

2023-08-09T03:37:19Z

← Older revision		Revision as of 23:37, 8 August 2023
Line 6:		Line 6:

	#welcome {		#welcome {
	~~grid-column: span 2;~~
	display: grid;		display: grid;
	~~grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));~~
	padding: 1em;		padding: 1em;
	}		}

			/*
	@media screen and (min-width: 1400px) {		@media screen and (min-width: 1400px) {
	#welcome {		#welcome {
Line 30:		Line 29:
	}		}
	}		}
			*/

			/*
	@media screen and (max-width: 1200px) {		@media screen and (max-width: 1200px) {
	#welcome {		#welcome {
Line 36:		Line 37:
	}		}
	}		}
			*/

	/*		/*
	#welcome h1 {		#welcome h1 {

2023-06-09T00:07:11Z

← Older revision		Revision as of 20:07, 8 June 2023
Line 14:		Line 14:
	@media screen and (min-width: 1400px) {		@media screen and (min-width: 1400px) {
	#welcome {		#welcome {
	grid-template-columns: 1fr;		grid-template-columns: 1fr !important;
	gap: 1em;		gap: 1em !important;
	}		}

	#left {		#left {
	grid-template-columns: repeat(3, 1fr);		grid-template-columns: repeat(3, 1fr) !important;
	}		}

	#welcome h2, #message {		#welcome h2, #message {
	align-self: center;		align-self: center !important;
	}		}

	#catlist {		#catlist {
	grid-template-columns: repeat(6, 1fr);		grid-template-columns: repeat(6, 1fr) !important;
	}		}
	}		}

2023-06-09T00:03:31Z

@@ Line 10: / Line 10: @@
 	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      padding: 1em;
+}

2023-06-05T00:20:28Z

2023-06-05T00:19:20Z

2023-06-05T00:13:14Z

2023-06-04T21:09:24Z

← Older revision		Revision as of 17:09, 4 June 2023
Line 9:		Line 9:
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
			padding: 1em;
	}		}

Line 38:		Line 39:
	margin: 0;		margin: 0;
	padding: 0 10px;		padding: 0 10px;
			}

			@media screen and (max-width: 500px) {

			#catlist {
			grid-template-columns: 1fr 1fr;
			}

			#img {
			width: 120px;
			}
	}		}

2023-06-04T20:59:45Z

2023-06-04T20:57:24Z

← Older revision		Revision as of 16:57, 4 June 2023
Line 9:		Line 9:
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
			}

			@media screen and (max-width: 1200px) {
			#welcome {
			grid-template-columns: 1fr;
			}
	}		}

2023-06-04T20:39:01Z