All solutions

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

I am proud of figuring out the javascript solution pretty easy and fast. I would like to try a JS framework like Svelte and recreate the challenge.

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

The tooltip css was quite tricky and the svg styling as well

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

I would like some comments about how I could simplify the tooltip css or other methods than mine.

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

I focused on trying css grid (which I don't use usually because I feel more comfortable with flexbox). I also used Tachyons again partly since there is no css grid classes in tachyons (as far as I know at least).

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

Working on the sizes and colours without having the Figma designs was a bit time consuming. I can always bring a screenshot on Figma and take from there exact measurements, which I partly do, but this is very time consuming and I don't want to spend so much time on it. So the layout is not pixel perfect but accurate enough for what I want to achieve.

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

Semantic html choices. I was a bit puzzled and not sure if I made the right choices at the end.

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

I used Tachyons on this for practicing even though I don't think it was worth it. I ended up using a lot of custom css classes

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

The layout is a bit unorthodox so I felt that it was tricky to recreate it.

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

Choice of html tags and the choice of html structure.

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

I tried to implement the design accurately. I did it relatively fast.

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

The font appears a bit different compared to how it appears on Figma (like more rounded). I spent some time trying to solve this mystery.

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

Semantic html mostly

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

I tried to implement the solution as close to the original designs for both mobile and desktop. I focused on using the right semantic html and did some research online.

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

There was a lot of bespoke tratment in the identation and paddings of the bullet points. The table design was also a bit challenging compared to the rest of the page sections.

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

I would like some feedback on the choice of semantic elements.

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

I used Tachyons css classes.

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

There were some not very well thought sizes on the design of the layout that made it challenging to use as many Tachyons classes I hoped for and I had to use bespoke css classes instead in order to match better the design.

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

I tried to revise the use of link elements as buttons.

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

I open the design files on Figma to get accurate measurements this time.

Then I used https://tachyons.io/ for the css classes and then I used the minimum amunt of custom css classes that I created in my style.css stylesheet. I will continue using Tachyons since this leads to much cleaner code and it is also easy to use.

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

Started using Tachyons css classes.

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

I would like feedback about semantic html use and acessibility.

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

I tried to revise my CSS skills with this. Next time I will try to use a framework.

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

Hadn't practise my CSS skills in a while so It took my some time to get into it.

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

Always useful to practise flexbox.