All solutions

Hello all,

I've not posted a solution for a while. This is my first project that involves Javascript / DOM manipulation. All feedback / constructive criticism is welcome!

The most difficult part for me was JavaScript. My solution works and the UX looks nice. (I think..)

Aspects I'd like to change:

1. When you click the 'submit' button without making a feedback selection, you get an error message saying, 'Please make a selection.' At the moment, you cannot proceed to the 'Thank you page' without making a selection, but an error message would help the user know what they were doing wrong.

I attempted to do this by placing an empty <p> tag in the HTML like this,

<p id = "error_msg"></p>

I then targeted this tag in the javascript by its ID. I planned to set the textContent / innerHTML to "Please make a selection" if the user did not.

I could not figure out the Javascript logic, so I ended up deleting this section. If anyone can help me implement this logic based on my code, that would be great!

Thanks, all - Have a great afternoon!

Good evening!

This is my version of the 3 column preview card. I had fun building this one.

I was reading about the Don't Repeat Yourself (DRY) principle. I am trying to condense my code as much as possible (esp the CSS). I am sure I can condense it more. Any feedback on how to make my CSS shorter would be great!

(Any other feedback would be appreciated, too)

Thanks, Joe

Hello,

This is the third challenged I have attempted on Frontend Mentors, and I am still having fun! It took me just over a day.

The one remaining issue I have is the {:hover} state of the equilibrium.jpg. For the logo to appear, you have to hover directly over the center of the equilibrium.jpg. The opacity of the logo should be 1, and 0.8 for the hover color. I can't get it exactly the same as the design images.

Any help with this would be great!

As always, feedback is welcome and needed! I hope my code isn't too difficult to read.

Thank you all, Joe!

Good evening,

This is my second Frontend Mentor project, and it was a little too difficult for me. (I've only been studying since September)

There are several bugs I can't fix.

1. Desktop view: Logo and navbar not on the same line.
2. I used the nth-child CSS rule to change the color of the 'contact' tab in desktop view. It's not working. (I have the hover state working though :) ).
3. In desktop & Mobile view I used flexbox to manipulate the images. I am getting a white gap on the rows. How do you remove it?
4. The hover state of the .svg social media icons is not working? (Is it todo with it being a .svg file?)
5. There is a problem with my JS for the hamburger menu. If you open the hamburger menu and change the screen size, you'll see what I mean.

I'm sure there are plenty of other issues, but for my second project, I don't think it's too bad. ALL feedback is welcome.

If anyone could help me fix these bugs, I'd appreciate it.

Lots of love to my web dev community,

Joe

Hello all,

I've been coding for about 2 months now, and would love some feedback! :)