The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Need help spacing blocks
larry78723
post 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:

IPB Image

Thanks in advance,
Larry
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th April 2024 - 09:33 PM