All solutions

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

I enjoyed using React to develop the BMI calculator and found it an efficient way to add functionality to the static layout and control styling (e.g: of metric/imperial displays.) I am most proud of the React functionality of this app, this was the skill I focused on training in this challenge. If I were to do this again, I would probably use a CSS framework such as Bootstrap for my styling/layout. I found that my CSS (even when using SASS) quickly got complicated and unmanageable and I found it difficult to replicate the design exactly.

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

The biggest challenge I faced here was with the CSS styling and layout. I found it difficult to know what properties to change to replicate the design exactly, and I found that my CSS quickly got complicated and unwieldy. I researched and used SASS for the first time on this project, which helped streamline things somewhat. I also decided to use CSS Grid instead of Flexbox about half-way through the project. However, I still feel that there's a lot of improvement to be done on the styling/layout front, and maybe next time I should consider using something such as Bootstrap.

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

I would love feedback on my CSS/SCSS as I think this is the area that needs the most improvement. Any feedback on how to effectively replicate designs (without using a tool such as Figma's Dev Mode) would also be appreciated. Any feedback on how to make my React more efficient would also be great!

This is a simple FAQ accordion developed using HTML and CSS. I have been practising using the Figma file to get the design as accurate as possible. I have used vanilla JS to brush up my skills. Once I have refreshed my React knowledge I will likely try to re-make this challenge using React or another frontend library.

I am focusing on the moment at making sure that I correctly use proper responsive design principles in my HTML and CSS. If anyone notices any changes I can make to better use responsive principles I would really appreciate the feedback!

This was a fairly simple challenge, mainly used to brush up on my vanilla HTML & CSS before jumping in to more complex challenges.

I would particularly appreciate any feedback on elements of responsive web design. I have tried to use responsive units wherever possible but there may be some applications I have missed.

This was a nice refresher on my plain HTML and CSS skills. Working on the project it was clear that my Flexbox skills have gotten rusty in the short time I've been learning.

I think my code fits the design fairly well, but I am unsure if I have configured the margins appropriately.

I would like to look into how I can incorporate libraries and frameworks into the project to streamline the process. I wonder if Bootstrap or SASS would be applicable to clean up my code a bit.