Skip to content

Commit d952292

Browse files
committed
Delete input field for full name in contact form
1 parent 6eb0a14 commit d952292

2 files changed

Lines changed: 5 additions & 33 deletions

File tree

index.html

Lines changed: 1 addition & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -265,28 +265,7 @@ <h1 class="contact_header">
265265
maxlength="30"
266266
required
267267
/>
268-
<!-- Display none for mobile -->
269-
<div class="first-last-name-inputs full-name-container">
270-
<input
271-
type="text"
272-
name="firstname"
273-
id="first-name"
274-
placeholder="First name"
275-
minlength="1"
276-
maxlength="30"
277-
required
278-
/>
279-
<input
280-
type="text"
281-
name="lastname"
282-
id="last-name"
283-
placeholder="Last name"
284-
minlength="1"
285-
maxlength="30"
286-
required
287-
/>
288-
</div>
289-
<!-- end of display for mobile -->
268+
290269
<input
291270
type="email"
292271
name="email"

style.css

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -394,7 +394,7 @@ main {
394394
}
395395

396396
.icon {
397-
width: 30%;
397+
/* width: 30%; */
398398
}
399399

400400
.language-container,
@@ -432,7 +432,7 @@ main {
432432
.frameworks_list li,
433433
.skills_list li {
434434
background-color: #fff;
435-
padding: 12px;
435+
padding: 4px;
436436
border-radius: 8px;
437437
color: #36b37e;
438438
font-family: "Inter", sans-serif;
@@ -456,6 +456,7 @@ main {
456456
font-size: 40px;
457457
line-height: 52px;
458458
text-align: center;
459+
margin-top: 4rem;
459460
}
460461

461462
form {
@@ -464,10 +465,6 @@ form {
464465
gap: 24px;
465466
}
466467

467-
.first-last-name-inputs {
468-
display: none;
469-
}
470-
471468
.contact_btn {
472469
width: 50%;
473470
margin: 0 auto;
@@ -675,25 +672,21 @@ textarea {
675672
flex-direction: row;
676673
align-items: flex-start;
677674
justify-content: center;
675+
margin-top: 4rem;
678676
}
679677

680678
.contact_header {
681679
width: 40%;
682680
font-size: 1.8rem;
683681
display: flex;
684682
align-items: center;
685-
padding-top: 1rem;
686683
line-height: 2.5rem;
687684
}
688685

689686
form {
690687
width: 60%;
691688
}
692689

693-
#full-name {
694-
display: none;
695-
}
696-
697690
.first-last-name-inputs {
698691
display: block;
699692
width: 100%;

0 commit comments

Comments
 (0)