Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Intro-Component-With-Signup-Form-Master with HTML., CSS and JS

@Saibramarambika

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


All the Feedback and errors and accepted.

Community feedback

Ahmed Faisal 5,095

@afrussel

Posted

Hi Saibramarambika

  • There is proplem in your CSS. Using padding for alignment and spacing which is not necessary for all places. Using flexbox you can easilly cneter the elements. More over there is no media query for responsive support.
  • Found problem in form js too. For the first time after vist the site without put any data on field just press the submit button then the error messages blink first time then gone. Just remove ?# from your url to produce the case.

Marked as helpful

0
P
Patrick 14,285

@palgramming

Posted

On your bottom div that your form inputs are in you should put

display: flex;
flex-direction: column;
align-items: center;

so the inputs will be centered in their container on the page

Marked as helpful

0
T
Chamu 13,110

@ChamuMutezva

Posted

Greetings Saibramarambika

  • this site in not responsive
  • the inputs fields are disabled after pressing the button. You can no longer enter data after that.
  • your image urls are a bit long and complicated - it is easy to link to images in your local folder

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord