All solutions

Great challenge to learn and practice react-router.

I'd so much appreciate some feedback from a React-professionals. :D

• I feel like the project might be optimised better.

• I tried implementing loading screen until fetch is complete but I think it's not working properly.

• Does lazy attribute on img tag in this scenario work or do I have to use different approach to get better performance?

• My addblocker keeps blocking Andorras flag because of the name "ad.svg". All I did was console.log an error message and set fallback error image. I don't think there is much else I can do about it. I wonder if you are getting error aswell.

Pixel perfect styling was not my primary goal so some things might be off.

I am open for discussion :D Thank you <3

First time trying out Sass.

I really like nesting with sass but I need to get into mixins.

I used CountUp.js for onload animation of numbers. Really easy to use, looks interesting.

Could not figure out how to make transition effetct on button hover, since other color is gradient.

All suggestions would be appreciated.

My second React challenge.

Any feedback is appreciated!

This is my first React project.

Since I am going through scrimba react course right now, I'd do lots of things differently. (like put props data into own file and render components through map() to make the code more clear, but I did not know that back then :D)

Also I think making css for each component would be easier to read. I struggled with dark mode toggler, but i made it work. I just wonder if it is ok to make it this way.

This was great challenge, Iam looking forward to next one.

I'd really appreciate if I could get any feedback from you guys.

A lot of positioning in this challenge.

Feedback appreciated.

Refreshing challenge with cool design.

Added scroll on top button.

All suggestions are welcome.

Hey guys,

goal of this challenge was to practice tailwind-css and grid. I used only default tailwind styles, so colors and sizes might be a bit off.

But I think layout is OK and responsive.

Feedback would be appreciated. Though i understand tailwind is quite hard to read :D

Hey guys,

it was my first time using css grid. I wonder if I used it right.

Is it alright that for smaller screens I used display: flex to align everything in one column. Or would it be better to stick with grid?

Feedback appreciated.

Great challenge, I learned a lot.

I didn't put much effort in precision of design. But everything should be working.

Drag and drop bonus challenge will be added in the future :D

I'd really appreciate feedback.

The JS logic took me more time than expected. But it looks good.

I added color change on page refresh. Feedback is appreciated.

I wanted to try tailwind on something easy. Feels kind of OK.

But I cant really imagine creating complex webpage with it.

Nice challenge.

I thought there is a simpler solution for color of range input before and after "thumb". Toggle button gave me hard time, even though i copied it from internet :D

All suggestions are appreciated.

Nice challenge, I learned a lot. First time I am working with API.

I noticed, on mozzila firefox. It generates advice only once and then it is not getting another. Other browsers works fine (even mobile firefox).

I have added a time countdown bar at the top of the container, since:

 "Advice is cached for 2 seconds. Any repeat-request within 2 seconds will return the same piece of advice."

I also implemented the little flip animation on page load using AOS - Animate on scroll library. It's quite easy to use and looks nice.

Suggestions are welcome.

Great challenge.

Two things I could not figure out.

I wanted to close the "company" and "features" tabs when clicked outside of them. If someone could teach me simple solution I'd be grateful.

Other thing is, I wanted those tabs to appear with opacity transition 0 to 1. But since they were always there, the links inside were clickable even though it was invisible.

So I had to go with display:none => display:block. But i lost the transition effect.

Is there a way to make display:block transition effect? Or something similar?

I thought it would be easier. I've spent a lot of time getting inputs working properly.

I had problem that card number acted as phone number on mobile safari browser.

This solved it.

<meta name="format-detection" content="telephone=no">

Great challenge.

I believe there is better solution. But I thinks it works as its supposed to.

Feedback is welcome.

The css gave me hard time. I had problems with the days chart. But flexbox helped.

The Js part feels good. Current day should be highlighted every day.

I´d appreciate feedback.

I didnt put much effort into precision of the design.

I focused on javascript and it works how I wanted to. Any feedback would be appreciated.

First time trying email validation. Googled some regex combination. It catches some invalid e-mails, but not all.

I'd appreciate if someone could tell me if my Js looks good, or if there is anything to change. Thank you.

I thought this one would be easy but i have spent a lot of time doing this challenge.

No javascript.

Quite an easy challenge. I used flexbox for the layout of the boxes.

Suggestions are welcome.

Hi guys, quite an interesting challenge for me.

I just need to simplify my Javascript code. Need to learn how to somehow merge these return statements.

Any feedback would be appreciated.

(I learned about tabindex and :target pseudoelement)