From d44b4ceadc056d1624bd02c39f81775d674d7665 Mon Sep 17 00:00:00 2001 From: abdikarimmacsali <147964342+abdikarimmacsali@users.noreply.github.com> Date: Thu, 18 Jul 2024 10:30:47 +0300 Subject: [PATCH] Update README.md --- README.md | 135 ------------------------------------------------------ 1 file changed, 135 deletions(-) diff --git a/README.md b/README.md index e95ee7d..8b13789 100644 --- a/README.md +++ b/README.md @@ -1,136 +1 @@ - - - - - - - Document - - -
- -
-
-

This is not a real online service! You know you need something like - this in your life to help you realize your deepest dreams. Sign up - now to get started.

-

You know you want to.

-
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - - - -css - -* { - margin: 0; - padding: 0; -} - -.right-side-pic { - display: flex; - height: 100vh; - width:30vw; - background-image: url(https://cdn.statically.io/gh/TheOdinProject/curriculum/5f37d43908ef92499e95a9b90fc3cc291a95014c/html_css/project-sign-up-form/odin-lined.png); - float: left; -} - -.about-text { - font-weight: 600; - display: flex; - flex-direction: column; - gap: 20px; - padding:80px 20px 40px 20px; -} - -.customer-form { - background-color: #f6f7f8; - border: 1px solid #d6d9dc; - border-radius: 3px; - - font-size: x-small; - font-weight: bolder; - - width: 50%; - height: 250px; - padding:20px; - margin-left: 400px; - display: flex; - flex-wrap: wrap; /* Allow wrapping */ - gap: 14px; -} - -.form-row { - display: flex; - justify-content: center; - flex-direction: column; - flex-wrap: wrap; - gap: 14px; - margin-bottom: 0px; -} - -.form-row input { - background-color: #FFFFFF; - border: 1px solid #E5E7EB; - border-radius: 3px; - width: 70%; - padding: 2px; - font-size: 14px; - display: flex; - justify-content: center; - margin-right: 100px; - } - - .form-row label { - margin:0; - } - - input:invalid { - border: 1px solid red; -} - - input:valid { - border: 1px solid green; -} - -.btn { - background-color: #596D48; - color: white; - padding: 10px; - border: 2px solid #5D6063; - border-radius: 6px; - width: 200px; - margin: 5px 0px 5px 15px; -} - -.footer { - display: flex; - margin: 5px 0px 5px 400px; -}