Newsletter-Sign-Up-With-Success-Message-Main

While Solving this Begginer's may face problems in placing the content inside the cart ....for that use display: flex , justify- content : center , align-items : center, min-height : 100vh.

body { font-family: MyFont; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: hsl(234, 29%, 20%); } By putting width into 90% we can get the web-page mobile-screen size. form { width: 90%; }

By this we will declare the screen size max-width:768px

@media (max-width: 768px) { .card { flex-direction: column-reverse; width: 95%; padding: 0; }