All solutions

The project was pretty hard for me, had to watch a tutorial and learn lots of new stuff about local storage and saving user preferences to make it work but it was fun! Any feedback is appreciated

I used flex for the second section while maybe grid would have been more appropriate..

Any feedback is appreciated!

In the mobile view, when the side menu opens, the background becomes darker.

I obtained this effect with a ::after element that gets applied to the body when the menu button is pressed (and gave the side menu and the button a higher z-index). Is this the correct way of achieving the desired affect?

Also if i wanted to add a transition (ex. make the darker background fade in and fade out), how would i do that? Do i need another class and attach it to the ::after element or i can do it all throuh js or is there other ways? I tried but could not figure it out

Any other feedback is appreciated, thanks!

This is my 3rd project completed using sass, but in this one I have a problem

I usually @import every partition in the index partition, use @use in every other partition (ex. _layout.scss has @use "./base", and finally @use the _index.scss in the main sass file. This time for some reason i had to use @import "./base" in the compotents partition to be able to use the base partition.

Is this the correct flow? What have i done wrong this time?

Any other feedback is appreciated!

I had no idea what to do with the hero image from mobile to desktop layout so i tried a little trick but the backgrounds on the left don't touch exactly :(

I had troubles figuring out the correct HTML structure to easily transition from the mobile state to the desktop. Is the image on the desktop version supposed be positioned absolutely? Since its in the middle of the purple background and the white one?

I kinda managed to achieve the design but i used a little hack with pseudo-elements to keep the purple background, so it should be refractored once i understand how it should work

Any other feedback is appreciated!

This is my first time using multiple sass files to compile the css and im a bit confused. I've read that @import is deprecated so @use and @foward must be used instead.

I have 3 main files: _base, _components and _layout. In _index.scss i @foward these 3 files and then in style.scss i @use the _index so i am compiling all files and it works as expected.

By using this flow i still have to @use the _base.scss file in the other partitions (_components and _layout) but if i start using more partitions in future projects then i'd have to @use a lot of files in every single partition. Is this the correct flow?

Any other design feedback is appreciated Thanks!

Hello everyone! What is the best way to achieve the hero design? It seems to me that it needs to be of a fixed width to stay aligned with the navigation but then how do you make the hero image stick to the right?

I created a fixed-width flex container to make the text sit on the left and then i created another container with position: absolute to make the image hug the right margin, is there other better approaches?

Also this is the first time ever I tried using sass so the css might be very messy

Thanks!

I making the buttons using the gradient but could not figure out a way to have a little transition as hover effect so i just used a single color, is it possible to have a transition when using a color gradient?

Any other feedback is appreciated!

I feel like the first two text sections in the mobile website are too small while the 2 images after (graphic design and photography sections) are too big, how can i make them more similar to the mobile design?

Any other feedback is appreciated!

For some reason the program works locally and on chrome but it doesnt work on firefox?

I've seen other users use .innerHTML instead of .textContent but i've read that innerHTML can potentially cause security issues, could that be the problem with the app not working on firefox?

Any other feedback is appreciated!

I feel like this was my first "real" project with tons of css and js styling and i think it highlighted my poor js knoledge. The functions are extremely repetitive and tedious to write and to read and debug

Is it possible to wrap them in a for.each loop or another type of loop? I couldn't figure out how to do it and target the correct selectors

Also i made the input borders when they are focused by wrapping them in a div with the color gradient provided but couldn't remove them with js (unless i made another class for each input and removed the div corresponding to the input), here again i think a loop would work perfectly

Any other feedback is appreciated!

I have managed to complete the design and make the form work as expected, altough i think that the script is very redundant and i'm thinking it's very possible to write it in a better way.

Any feedback is appreciated!

Any feedback is appreciated!!

The most challenging part was definitely coding the form and button design. I used a combination of flex and relative/absolute positioning, Is this the correct approach? Any other feedback is appreciated!

This is my first time playing around with images and i set them up using absolute and relative positioning, is there a better way of setting them up? It felt like i was just hardcoding them in

Any other feedback is appreciated!

I am not sure how to make it so it's possible to highlight only one button at the time Should have it been done with radio buttons to begin with?