Responsive ATM card form using html , css and JavaScript file

Community feedback

• 

  

  Grace•32,130

  @grace-snow

  Posted almost 3 years ago

  Hi

  I'm afraid there is just too much feedback to give on this. I recommend you do some much simpler challenges, build a good foundation in meaningful HTML structure and accessibility, get feedback, then return to refactor. It will really help! Remember the Frontend Mentor Slack group is there to get help as you work on projects

  I also recommend you stay well away from Bootstrap or any other libraries while learning. Bootstrap will hold back your learning of the underlying CSS and html, which is really important to learn directly first. Once those foundations are good, you'll be able to pick up any third party library you like just by reading their documentation.

  Focus your learning on

  • Semantic html - landmarks, but also translating designs into appropriate elements. It helps to first think through the content as if there is no design at all. What would it be as plain text? (e.g. This document would be a Heading, form, and summary of information submitted)
  • Responsive images - picture element and background images. Look up when images belong in html vs when they belong in css
  • Absolute/Relative/Static/Sticky positioning - You should not be using any absolute positioning in this and it's not the way to ever build a whole layout.
  • Flexbox & CSS grid - essential learning

  Good luck

  11

  Marked as helpful