All solutions

Hi guys,

Any feedback is appreciated! Couldn't figure out how to not repeat myself in some parts of JS code. Especially when calling same function with different parameters depending ob the clicked link... That was last time me using jQuery. Absolutely unnecessary. Thanks again for ANY tips =)

Hey guys, This is my first javascript "heavy" project. I would appreciate any comments and feedback on the quality of the code. Thanks! =)

Good morning guys!

Rather straight forward challenge. No hidden stones. Have a great Monday!

Hey guys,

Very simple straight forward challenge, nothing too difficult. Sketch file was missing some text properties and jpeg file was wrong size but nothing too bad =) 1 more newbie challenge challenge and will be starting junior ones =) looking forward to that =)

Very simple page with very simple layout. BUT positioning and scaling those 2 background images is MADDENING =) Is there an easy way of doing it ? =) Hopefully it gets easier. Cheers

Hey guys!

I don't have any questions with this one =) it went rather smoothly. But if you find any errors, mistakes or just have tips, please tell me! : ) Thanks!

Hey guys! A few new challenges were met on this one =)

1. When you insert an invalid input and the error appears, some elements move around a bit. Is there a way of "stabilising" them?
2. I used " @include breakpoint () {} " method for this project, instead of putting all the media queries in a separate file. Is there any major differences between these 2 methods? Or it's just a preference ? Thank you as usual for your advices! Bisous Bisous!

First attempt to write with mobile first. It seems way shorter and easier. Thanks for all advices and support!

Hello Mentors,

It seems like I really straggle with positioning elements. My code is full of hard-coded sizes, widths and heights. Mostly units are px's and %'s . Moreover all the numbers aren't even whole numbers e.g "margin-left: 214.756 px" , "padding-top: -49.589%" etc.... At the end it's close to the .sketch designs at required screen sizes, but somewhere between.... it's a complete disaster. Nothing is fluid or responsive.

Trying to use min, max widths but it makes the matter even worse.

Please advise! Help needed

Hello guys,

At first it seems like a very simple project, but it has few tricky bits. Progress bar is quite hard to customise. And background keeps sliding sideways on the mobile version. It was quite a challenge =)

Is there a way to test your mobile solution against the design? The same way I check it for the desktop version, with vertical line?

Hello there,

Had some issues with "5 golden starts" background. I went with "background-repeat: space" option, but it didn't give me enough space between those stars. Is there any other way of spacing them ?

The second problem was with mobile design. It seems like I can't shrink my browser down to 375px so I couldn't use "PerfectPixel" Chrome extension. All other extensions for responsive design would open in a different window which wouldn't allow "PerfectPixel" or "Page Ruler Redux" on it. So ,y end result with mobile version is rather poor. =( I was wandering if there some good tools or extensions for that? Thank you

I really hope I was clear enough with the questions =)

Any tips on how to achieve pixel perfect? The second I start adjusting margins, paddings and positioned elements everything starts to shift and relocate. Thank you