All solutions

Howdy community.

It been a while since my last solution but here is my new one. This project is pretty small but really good to get into how to use TypeScript with React. Maybe it is not perfect but this is my solution and if you don't like something just let's disscuss about it.

Please, leave your feedback and let me know what I could improve here. And see you next time!

Howdy FEM community!

Here I am with my current solution for this challenge. I don't want to say that this is the best thing I could do with this challenge. But at least it works. I did take a try to solve it with TypeScript and for now it does not work as I expected. I will take more time to learn TypeScript and later will do better.

So, yeah, check out my solution, leave your feedback. And I will move on to the next challenge.

Hellllo there!

I have one more solution for another challenge. Here is some Next.js with Tailwind. I added some simulation of data fetching so you can see loading screen and then some simple fadein animation for the component.

I got a little bit confused with using Tailwind hover effects. And couldn't figure out how I can prevent card hover effects on ellipsis hover. Any clue for that?

Anyways. Give your feedback with critique and see you next time!

Hi community!

Here is my "Tip calculator" solution. This is my second project using Next.js and Tailwind. And for this project it was much better to use Tailwind than for the previous one. This challenge is not that big so regular CSS or SCSS might be better. But I already see potential for Tailwind. It will open fully with a much bigger project. And I am looking forward to such a project.

Anyways, check out my solution and give your feedback. I believe I still have some things to fix but it will be much easier if I could get some advice about that.

And see you in the next challenge.

Hi there! Today I decided to take a try with NextJS and Tailwind. I finished this challenge several days ago and today wanted to try something new. Woah, Tailwind. Pretty messy. I don't like it. But, I'll give you a chance. I see potential if we need to work with some JS-framework. Components are separated and you don't see this messy code. But in something simple where is your html in one file.. Well, I want to stab my eyes with a fork. Anyways. This is my acquaintance with Tailwind and NextJS. It feels good. I want more.

Please, give your opinion. Your feedback is really important for me in this challenge especially for my first try these things.

Hello community!

Here is my another one solution for you! This challenge I started half year ago but after all just abandon it because.. hmm.. images it is actually bigger challenge that looks like. And still this is not a masterpiece but just the way how I could solve it.

Let me know how could you solve this problem with images. Please, feel free to leave your comment with critique and see you next time.

Hey there! Here I have one more solution. Well, I don't really like to make this accurate positioning for elements cuz it difficult to make really responsive. Maybe pixel-perfect is cool thing but I don't think it is reasonable. Anyways challenge is done.

Let me know how I can impove my solution. Don't be afrait to leave your comment here and see you next time.

Hello frontEndMentor community!

Today I bring up interesting solution for this challenge. First of all I decided to make my own design in Figma according to given asset's pictures. It could help me to understand more thing about this design and decrease time for code. And also it is good practice with using Figma. I am just really bad at designing something new so it is good thing with developing my web-design skills, I guess.

And I decided to improve basic design with my idea. Just try these new hover effects on desktop version of this component and you will see what I am talking about. It tempt me to hover on these cards more and more.

So, I guess I did squeeze maximum from this challenge for me.

• practice with designing in figma -- check;
• modular component -- check;
• good structure of code -- check;
• improve design ? -- well, I think it is subjective but -- check.

Let me know how would you improve my solution and what you don't really like in it. Please feel free to leave your comment and see you next time!

Hey there! Keep following the rule about modularity. Seems like such a thing no more problem for me with small components. But still this challenge made me struggle a bit with image. We all don't like images. So I could not find any other option than just add one more media query.. May I get some advice about this?

Please feel free to keep your comment and your doubts about my solution. And see you next time.

Hello community of front end mentor. Today this is my second solution. I already did finish this challenge before, but this time I decided to complete it with my recent knowledges. And again as I can judge this component may be included in section without any problems. #modulesforever! Please feel free to keep your comment and your doubts about my solution. And see you next time.

Hello community of front end mentor. It's been a while. Here is my solution for this small challenge. I tried to focus on correct naming for classes and use BEM. And one more important thing, our components have to be clean enough to be able insert in section or other component without change our styles or do minimum of changes. This is one of the most important things which I've learned for last half year. So if you will try to inceare number of this cards, just uncomment some styles for parent component and our cards will display better. Please feel free to keep your comment and your doubts about my solution. And see you next time.

Last few month I spent for learning React. Challenge is completed, but I still have some problems with animation. And I've learned how to deploy React app with git pages. Feels good.

Please, give your feedback.

I dunno about how fast should it be like, but for me it took just about 6 hours. Good thing that there were some elements which I could use from other project.

This time challenge was not that big challenge. Looking forward to solve another one.

Hello #frontendmentor! One more challenge is completed. Many interesting things was learned again. Grid is interesting and powerful tool but there is still many features which I need to know about it. Then I found interesting way to make this burger menu with using SCSS. Then to complete this challenge I reconsidered my knowledge about using SCSS. And still so many things to know. Thats it for now. Excited before starting new challenge.

Check out my code. What can be improved here? And thanks for your comments!

Wow, unexpectedly with range-input there was alot of tough work. Of course I checked on YouTube how to make it but still it's good new knowledge. Also new thing for me is customizing checkboxes, this one is not difficult as range but still good new thing to know as well. Good challenge. Thank you frontendmentor! Waiting for your comments fellows.

Okay, it took a while. I wanted to add here more interesting functions but I decided to keep it like that for now. Main task is finished but my personal task failed. But its okay, i will back here later to improve it. Also as you can see my code is kinda messy. At least it works xD Anyways it was interesting challenge and good thing to improve my skills.

Well, one week of work. After first two days I realize that everything is wrong and decided to remake whole challenge. But at the final I couldnt get expected result. Background images make me suffer so much so I need to do more research about this. This is my solution, not yet ready for mobile, but ready for desktop. I dont wont to spend more time with this challenge, better if I back here later to fix it than waste my time for nothing. So I just going to go into the next challenge.

One more challenge done. Just a basic grid. Nothing specific. Don't be afraid to leave your comment.

Okay, seems like I'm getting better with this. Want to introduce my new solution for another challenge. Part with HTML and CSS here is not difficult at all, but when I beginning with JS it make me little bit confused. #ggwp So exciting to begin new chellenge, see you soon! Thank you @FrontendMentor.

It should be like a tricky challenge but seems like not that tricky. #EzPzLmnSqz

Check it out and leave your comment.

This challenge looks scary but reality is more positive. Simple task and simple solution. Check this out and feel free to criticize it.

Well, it took for me two days. First day I just stuck with pop-up in mobile version. Just couldnt append my share button over pop-up. Second day I realize that whole project was made in terrible way so I decided to remake all of this stuff. And I could finish this challange even faster than I could do it yesterday. Check this out and give your ideas.