Skip to content
Submitted over 1 year ago

Intro Component With Sign-Up Form | HTML/CSS/JAVASCRIPT/BOOTSTRAP Boi

Cornflakes•290
@CornflakesPlus
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey! Hope everyone is doing well as always (hope so...).

learning BootStrap, I wanted to practice using it more. I mainly focused on creating the Grid layout and form validation using BootStrap. I've added some custom CSS and JavaScript as well. I was curious about some things, anyone please feel free to answer my questions. I would greatly appreciate it.

  1. How well have I completed this challenge? Rate my solution from 0 to 5, 5 being "Professional" and 0 being "Go back to school kid".

  2. Which area should I improve more or focus on more? Javascript logic / Accessibility / Semantics / CSS or Sass / bootstrap / or any other technology.

  3. Where can I learn more real-world useful Javascript logic? Any resource recommendations?

  4. Name One thing you love about Front End Mentor.

Community feedback

  • Gillian Akpeki•445
    @akpekigPosted over 1 year ago
    1. I'd rate it 3/5; great work but keep practising. Focus on accessibility, semantic HTML, and Bootstrap. Most notably, your solution uses placeholders to label each input. Although this is visually valid, it isn't valid when writing semantic HTML or implementing user accessibility. Use the label element for labels (necessary) and the placeholder attribute (optional) for examples of the input field. In regards to the Bootstrap, there are a couple of redundant wrappers and classes that can be reduced by combining classes or using flexbox as appropriate.
    2. There's no better resource than Mozilla Docs, I don't think. Mozilla Docs, regular practice, looking at/reviewing other people's code, and a wide range of exercises are the best ways to learn more real-world useful Javascript IMO.
    3. It's got pretty good designs. What do you love about Frontend Mentor?
    Marked as helpful
    1
    Cornflakes•290
    @CornflakesPlusPosted over 1 year ago

    Hey Gillian! Thank you for taking the time to review and provide incredible feedback.

    3/5, I'll take that. :D

    I don't know why but I always forget about adding labels to my inputs. Get's me angry sometimes. Thanks for pointing that out!

    What I love about FEM? Well before mentioning what I love currently, let me mention what I loved just a year ago, the community was much more interactive I feel like the community is a little dead these days.

    BUT I love FEM for its structure and how it handles everything (except for the imbalance of exposure).

    ~ Cheers

    1

Please log in to post a comment

Log in with GitHub

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