Responsive Log In + Sign Up Form | Day 4 | 50 Days of Intermediate HTML and CSS Projects

Making a Responsive Login Form with HTML & CSS

What will we come up with? 💚

Let's create it🎯🔥

Body Structure

HTML

<form>

    <h2>Login Here</h2>

    <label for="username">Username</label>
    <input type="text" placeholder="Enter your User " id="username">
    <label for="password">Password</label>
    <input type="password" placeholder="Enter a 8+ character password" id="password">

    <button>Log In</button>

    <div class="sociallogin">
      <div class="go"><b class="fab fa-google"></b> Google</div>
      <div class="fb"><b class="fab fa-facebook"></b> Facebook</div>
    </div>

  </form>

📢 Tip💡

If you want to put the * mark to show required

use -

<sup>*</sup>

CSS

Some fixed …

beginners css html log sign tutorial