Improve responsiveness of the practical work

Author: Ocunidee

docs/src/.vuepress/public/styles.scss

@@ -215,11 +215,12 @@ app-root {
 
 .film {
   &.card {
-    max-width: min(960px, 95vw);
+    width: min(960px, 95vw);
     display: flex;
     flex-direction: row;
     justify-content: start;
     align-items: start;
+    margin: 1em 0;
 
     @media only screen and (max-width: 600px) {
       flex-direction: column;
@@ -257,6 +258,7 @@ app-root {
 
 app-film-search {
   max-width: min(960px, 95vw);
+  width: min(960px, 95vw);
 
   label {
     margin-top: 0;
@@ -265,6 +267,7 @@ app-film-search {
 
   form {
     padding: 1rem;
+    margin: 1em 0;
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -273,10 +276,11 @@ app-film-search {
 
 app-film {
   display: flex;
-  max-width: min(960px, 95vw);
+  width: min(960px, 95vw);
 }
 
 app-login-form {
   display: flex;
   flex-direction: column;
+  align-items: stretch;
 }