Desktop design

Mobile design

Contact form

<div class="form-control"><label for="email" class="text-input"><small>Email</small></label><input type="email" name="email" id="email" class="email" value=""><small class="err-message"></small></div>

<label for="radio" class="radio-input"><small>Query Type</small></label>

<label for="general_enquiry">General Enquiry</label>

<label for="support_request">Support Request</label>

<div class="form-control"><label for="message" class="text-input"><small>Message</small></label><textarea name="message" id="message" class="message" rows="5"></textarea><small class="err-message"></small></div>

<div class="checkbox-container"><div class="form-control"><input type="checkbox" id="consent" class="consent" value=""><label for="consent" class="check-input"><small>I consent to being contacted by the team</small></label></div><small class="err-message"></small></div>

<div class="attribution">
      Challenge by
      <a href="https://www.frontendmentor.io?ref=challenge">
        Frontend Mentor
      </a>
      . Coded by <a href="#">Lawrence Afriyie</a>.
    </div>

ontainer"><label for="radio" class="radio-input"><small

Please log in to post a comment

Community feedback

Contact form built with react.js

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community