All solutions

Hello!

This is the first time I that I wrote the JS logic all by myself, using classes for Object Oriented Programming. If you have any feedback I'd be happy to hear it!

I was wondering if it is ok to use opacity (0 to 1) on the modal so that I can have a smooth transition. I thought this might have accessibility issues for screen readers, but what do you guys think?

Cheers,

Hi everyone,

• I use webpack and node for my workflow and the BEM methodology. Any advice on how I can improve is welcome.
• I used a regex for email validation but I was wondering if there is any other way to validate emails.
• I couldn't get the background-image to display, can anyone understand why?
• Any advice on accessibility is welcome too.

Thanks!

Hi everyone :)

This was quite a challenging one for me. I have a question about Javascript: I wanted to close the pop-up "share" section by clicking anywhere on the page, so I came up with the following Javascript:

html.addEventListener("click", function (e) {
shareLinks.classList.remove("active");
})

And I removed manually the parts of my html that are supposed to open the pop-up like so:

if (e.target !== shareBtn & e.target !== ImgHover & e.target !== shareLinks) 

But this can be a lengthy and laborious process. I was wondering if there is a better way to achieve this...

Any solution or any comments more than welcome! Cheers,

Hi everyone! This was my first time using javascript. I had a hard time getting the images to stick where I wanted them to be when changing the screen size. I finally got it right but don't really understand how I got that result after struggling a lot 😅 Would love to hear any advice!

Cheers,

Hello everyone! This is my first time trying the BEM methodology. I would love to have some feedback on whether I am doing that correctly or not. Also, I did struggle a bit with getting everything to be in the right place once implementing the responsive design. I am wondering if my code was effective.

Cheers! :)

Hello everyone :) I am getting used to grid, any advice with how to best use grid properties would be welcome!

Cheers,

Hi everyone ! :) This was my first attempt at using CSS Grid. I feel more comfortable with Flexbox so I found myself to fall back on it quite a lot. Any suggestions on my code?

Also a few questions:

• For this challenge I couldn't figure out how to get to background position right. Any tips?
• How can I reduce the amount of media queries that I am using?

Thank you for helping!

Hello everyone :) Quick question, would you use rems/ems or px for padding and margins?