All solutions

I honestly didn't liked so much the end result on this one, I hard a hard time trying to get the sizes as accurate and precise as possible according to the example picture. I may re-do it later to get it better.

Also I stopped working on this since I got a job a couple of weeks ago, not as a programmer but as an IT Help Desk, which i actually like too.

I'm hoping to get my schedules arranged so I can continue with my programming studies since I don't want to forget anything.

As always, any feedback is welcome!

Hello again!

Another project finished in the newbie difficulty. I only had a little bit of difficulty with the cards being responsive in desktop.

Any feedback is of course welcomed as i'ts not perfect and still have a lot to learn.

Thanks!

Hello, everyone!

This one gave a challenge with the purple tint in the background image but I was able to find a solution.

Also had issues with styling my stats div but was also able to come up with a solution.

Any feedback is appreciated since I still have a lot to learn.

EDIT: I have no idea why my screenshot looks weird here in Front End Mentor. EDIT 2: I have solved the issue with the screenshot thanks to some feedback from here.

Honestly, another easy one since I want to try and complete all the newbie challenges before moving on to the next difficulty.

Only issues I had was to set the profile image and the background, since it's the first time I need to overlap images.

Of course, any feedback is welcome since it's not perfect.

Hello again!

My previous challenged required JavaScript so this one was fairly easy as I didn't struggled with anything sinces it's just design but there's always room for improvement so any feedback is welcome!

General question though for all the experienced programmers who may watch my solutions: Should I continue with all the HTML/CSS only projects or should I already move to the JavaScript ones?

Edit: For some reason here my solution looks different than when I open it in the 'View Solution' option which is how it looks when I do the live server locally, any idea why?

Thank you all for your time!

Hello!

I'm back from a 2 month break after my last project. I was out studying JS so that I could finally take on this challenge.

It was a really fun and exciting challenge being the first one I upload to this page.

I added an extra feature for a loading screen to make it feel more organic and for user experience, hope you all like it.

I realized I was using Chrome at 80% zoom (I only use it for coding) so i'll fix the size later.

Any feedback is for sure welcome! :D

I had a hard time realizing that I had to use "grid" instead of "flex" which is what I have been using in all past projects. And it's dumb on my part as it is in the name.

Overall I didn't had a hard time on this one as I did with the Huddle Landing Page as the measures for the components where accurate on an image editor.

However, I was not able to come up with a solution on my button. I added two effects, the hover one which according to the README was required and an active effect so the button doesn't seem so flat. The problem is that the transition time "0.4s" gets applied to both the hover and the active effect and I would like to have a faster transition for the active one.

If anyone knows a solution please let me know, and of course, any feedback is welcome.

Thanks!

Unfortunately with this project I'm not a 100% satisfied as I have an issue with overflow, the page can be scrolled down and I wasn't able to find a solution. Using "overflow: hidden" only hid the scroll bar but the extra space at the bottom of the page was still there.

I was not able to match backgrounds with the example images for the design which triggered my intentions to make everything to perfection.

I had a hard time upscaling the mockup image for desktop using media query, when I was able to fix it i realized it was with a mistake I didn't noticed. Without realizing I used: " width: 100vh" which I later realized but also I see it works but I know it's not correct.

Any feedback is appreciated, thanks :)

I am not sure about the box shadows I used. I know the button has one but I think I also saw a shadow for the card or may just be bad resolution for the design images.

Any feedback is appreciated :)

Any feedback is welcome! :)

All feedback is welcome, I'm just starting.