Mihaela Halip - 1st Project #6
Conversation
| padding: 0.5rem 1rem; | ||
| inset-block-start: 50%; | ||
| inset-inline-start: 50%; | ||
| transform: translate(-50%, -50%); |
There was a problem hiding this comment.
Poți să pui câteva din proprietățile CSS într-un fișier separat, ca să nu le repeți mereu.
|
|
||
| @media (min-width: 186px) { | ||
| .container { | ||
| font-size: 0.75rem; |
There was a problem hiding this comment.
Dimensiunea fontului era 1rem înaintea media query-ului, ceea ce oricum era prea mare.
Mi se pare ciudat că scade la primul nivel de responsive.
| } | ||
|
|
||
| .container::-webkit-scrollbar-track { | ||
| -webkit-box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.3); |
There was a problem hiding this comment.
Cred că puteai folosi box-shadow aici.
| <h2>CONTACT US</h2> | ||
| <p type="Name:"><input placeholder="Write your name here"></input></p> | ||
| <p type="Email:"><input placeholder="Let us know how to contact you back"></input></p> | ||
| <p type="Message:"><input placeholder="What would you like to tell us"></input></p> |
There was a problem hiding this comment.
În loc de <p>, ai putea folosi <label>. E mai corect semantic.
| <body> | ||
| <form class="form"> | ||
| <h2>CONTACT US</h2> | ||
| <p type="Name:"><input placeholder="Write your name here"></input></p> |
There was a problem hiding this comment.
Paragraful nu are atribut type. Dacă vrem să folosim atribute care nu există, trebuie să folosim prefixul data-.
| <form class="form"> | ||
| <h2>CONTACT US</h2> | ||
| <p type="Name:"><input placeholder="Write your name here"></input></p> | ||
| <p type="Email:"><input placeholder="Let us know how to contact you back"></input></p> |
There was a problem hiding this comment.
Elementul <input> nu are tag de închidere. Se auto-închide.
<input placeholder="Let us know how to contact you back" />| background-size: cover; | ||
| } | ||
| .container { | ||
| font-family: "Dancing Script", cursive; |
There was a problem hiding this comment.
Acest font nu pare declarat nicăieri.
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" |
There was a problem hiding this comment.
Nu îmi dau seama: Unde e folosit Font Awesome?
2 participants
No description provided.