add responsive (cdfc4c90) · Commits · Victor Friboulet / nautilus

public/css/homepage.css

+24 −2

Original line number	Diff line number	Diff line
		@@ -13,8 +13,8 @@ .background-image{
		.center-box{
		padding: 30px;
		background-color: rgba(255, 255, 255, 0.22);
		width: 60em;
		height: 25em;
		width: 60vw;
		height: auto;
		border-radius: 30px;
		margin: auto;
		margin-top: 7em ;
		@@ -44,3 +44,25 @@ button{
		width: 300px;
		height: 40px;
		}

		@media only screen and (max-width: 768px) {
		/* For mobile phones: */

		.center-box{
		padding: 30px;
		background-color: rgba(255, 255, 255, 0.22);
		width: 75vw;
		height: auto;
		border-radius: 30px;
		margin: auto;
		margin-top: 7em ;
		display: block;
		text-align: center;
		backdrop-filter: blur(5px);
		}

		h1{
		font-size: 50px;
		}

		}
		No newline at end of file