Need help spacing blocks |
Need help spacing blocks |
larry78723 |
Mar 5 2020, 02:38 PM
Post
#1
|
Member Group: Members Posts: 39 Joined: 5-March 20 Member No.: 27,220 |
I'm trying to create an email form for my website and have been struggling with it for 2 days. I haven't put it up on the website yet, working on it locally. I need to get spacing between the fields so it looks decent. Here's the code as it exists:
CODE <section class="contact section" id="contact"> <div class="container"> <h3> Need help? Have a question or suggestion? </h3> <div class="row"> <div class="block-1-5"> <label for="sampleInput"><b>Name</label> <input class="full-width" placeholder="Name" id="name" type="name"></b></class> </div> <div class="block-1-5"> <label for="sampleInput"><b>Your email</label> <input class="full-width" placeholder="test@mailbox.com" id="email" type="email"></b></class> </div> <div class="block-1-5"> <label for="sampleRecipientInput">Reason for contacting</label> <div class="ss-custom-select"> <select class="full-width" id="subject"> <option value="Option 1">Questions</option> <option value="Option 2">Report Problems</option> <option value="Option 3">Suggestion</option> <option value="Option 4">Other</option> </select></class></b> </div> </div> </div> <div class="row"> <div class*="block-1-4"> <label for="exampleMessage">Message</label> <textarea class="full-width" placeholder="Your message" id="exampleMessage"></textarea></b> </div> <div class*="block-1-4"> <label class="add-bottom"> <b> <input type="checkbox"> <span class="label-text">Send a copy to yourself</span> </label> <input class="btn--primary full-width" value="Send Email" type="submit"</b>> </div> </div> </section> Here's what the page looks like: Thanks in advance, Larry |
pandy |
Mar 5 2020, 09:05 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Add some CSS margins.
|
Lo-Fi Version | Time is now: 25th April 2024 - 10:16 PM |