This is a little exercise to test your knowledge. See for yourself ;)
- take a look at the code and fix it
- focus is on naming/layout & semantic elements
- (optional) once the html is clean we'll add
js
We'll discuss every step of the exercise, all questions are welcome. Feel free to change the design at your leisure :)
Happy hacking!
This project uses SASS, you know what to do...
- Get rid of the modal dialog
- Take care of all the divs
- Do a thorough naming check (variables, classes etc.)
- Overhaul the layout (sizing/flexbox/grid?)
- Change the colors
- Make it smooth (i.e. style details)
- Add example-entries
- Add a container to show the total
- Add a section for user input
- Add an add-button
- Read example-entries from an array
- Render the information to the list
- Add functionality to the input section/button
- Implement localStorage
- Test & clean up