All solutions

What challenges did you encounter, and how did you overcome them?

• Oddly enough, I found the strength indicator squares the most challenging

What specific areas of your project would you like help with?

• Any advice for writing more efficient javascript specifically, or anything else, is much appreciated!

What are you most proud of, and what would you do differently next time?

• Fairly happy with this project.

• I may swap the tip amount radio buttons for regular buttons, it would be helpful to deselect a tip amount directly if required.

What specific areas of your project would you like help with?

• Any advice for more efficient javascript, or anything else, much appreciated!

What are you most proud of, and what would you do differently next time?

~ First time using .json or dynamically populating and updating the DOM.

~ I'm finding grid increasingly comfortable to use, practise practise!

~ I was able to practise switch statements in there too.

What challenges did you encounter, and how did you overcome them?

~ I found it challenging using the fetch API and functions to update the DOM.

What specific areas of your project would you like help with?

~ Any advice on making the .json manipulation more efficient or more understandable for others reviewing code.

~ Any other advice or feedback is greatly appreciated!

What are you most proud of, and what would you do differently next time?

• Nothing too challenging with this design

What specific areas of your project would you like help with?

• Any feedback, design related, file structure, javascript efficiency, accessibility is greatly appreciated!

What challenges did you encounter, and how did you overcome them?

• Not too many challenges with this one.

What specific areas of your project would you like help with?

• Any advice or feedback welcome!

What are you most proud of, and what would you do differently next time?

• Custom validation, any additional required fields should be automatically included in the validation.

What specific areas of your project would you like help with?

• Any advice or feedback is welcome and much appreciated!

What are you most proud of, and what would you do differently next time?

• I tried using custom form validation, which means if any new input fields are added, (name for example) the validation/s would automatically run on that input.

What challenges did you encounter, and how did you overcome them?

• I found the browser added default styling to inputs that allow autocomplete which interfered with the design styling, so after some research and tinkering, I wrote overriding styles with CSS and implemented with Javascript.

What specific areas of your project would you like help with?

• Any areas at all, feedback / suggestions are much appreciated!

What are you most proud of, and what would you do differently next time?

• Used this challenge to practise organising the repo structure.

What specific areas of your project would you like help with?

• Any feedback and advice on repo structure (unnecessary files or folders) or anything else design related is greatly appreciated!

What are you most proud of, and what would you do differently next time?

• First time using and experimenting with Tailwind CSS

What challenges did you encounter, and how did you overcome them?

• Deploying with the tailwind, build commands etc.

What specific areas of your project would you like help with?

• Any other advice, recommendations or feedback in any area is greatly appreciated! Thanks!

What are you most proud of, and what would you do differently next time?

• My first time adding functionality using Javascript.

What specific areas of your project would you like help with?

• Any advice or feedback in making the CSS more efficient, concise or cleaner.
• Anything else. Thanks!

What are you most proud of, and what would you do differently next time?

• First try using utility classes.

What challenges did you encounter, and how did you overcome them?

• No real challenges come to mind.

What specific areas of your project would you like help with?

• Any advice for making the code more efficient / concise, or anything else. Thanks!

What challenges did you encounter, and how did you overcome them?

• No real challenges with this one.

What specific areas of your project would you like help with?

• Any recommendations for making the CSS more concise or efficient etc.
• Anything else really. Thanks!

What are you most proud of, and what would you do differently next time?

• Tried using custom properties as much as possible.

What challenges did you encounter, and how did you overcome them?

• The footer image overlay was challenging at the start, overcame by using pseudo-elements

What specific areas of your project would you like help with?

• Any advice or feedback on accessibility or making the CSS more efficient or concise is much appreciated. Thanks!

What are you most proud of, and what would you do differently next time?

• Not having to review previous projects or look anything up.

What challenges did you encounter, and how did you overcome them?

• No particular challenges with this one.

What specific areas of your project would you like help with?

• Any feedback or suggestions for optimisation or correction is greatly welcomed!

I wasn’t quite sure what to do with no obvious h1 (for SEO and accessibility purposes). I ended up begrudgingly not having an h1 here, but would be interested to know how anyone would recommend putting one in!

I used HTML, CSS and Flexbox.

As always, feedback and suggestions always welcome!

Used margin-bottom: auto so the ‘Learn More’ links on each card would always stay level, (trying to think in terms of device/screen responsiveness).

This project uses HTML and CSS, and I tried using concepts I still am trying to get used to (flex, grid, functions and custom variables).

I tried implementing transitions for the active states, but I couldn't get underlines on text to fade out/in. I haven't yet looked into ::before and ::after, which looks like a way of doing it, but wanted to get more comfortable with the core concepts rather than attempting too many new things at once.

Any feedback or suggestions to optimise code or remove redundant code is very much appreciated!

HTML and vanilla CSS used.

I attempted the mobile design first, using CSS grid and a media query to attempt responsiveness for larger screen sizes.

Feedback and suggestions always welcome, still very new to HTML and CSS. Thank you!

Recently started exploring HTML and CSS, this is my first ever attempt at bungling through a mini project. Feedback welcome.