All solutions

Thank you @frontendmentor for the challenge. Great one. One problem/question only: it is possible to overrite the parent css with a new rule for the child? example: parent width: 80%; and the child to be overrite to have width: 100%;

A great challenge. A little tough to get everything in the right place. If anyone can check the quality of the code, especially the CSS file, I think at some point it can be difficult to be understood, any hints in how to more helpfully to name the CSS classes? Second would be regarding the Js. I have tried to make the links from the modal nav (mobile devices) as when you click on a link, the modal to be display none. But it takes the value display: none also when it is it desktop width. if(deviceWidth <= "550") { link.addEventListener('click', () => { modal.style.display = "none"; }); } I have tried to use this one, it works only ones. if you are in mobile width and click on the link, it goes display:none, but when you resize the window to be bigger than 550px the nav is still display: none, unless you refresh the page. How to check if the width is >=550px the nav to be displayed again? Thank you

Any feedback is welcome. I am not pretty sure about the CSS layout. It does not look so nice and clean. If anyone can have a look. Any ideas to improve it.

Hello world, I finished the four card feature challenge. I used CSS Grid to finish it. Is there any other solution to this? I read something about combining Flexbox and Grid. If you can have a look strongly appreciate it. Happy coding!

Hello world, I finished the Single grid component challenge. A really good challenge for the grid template. If you can have a look at the CSS file I would really appreciate. Have some problems with the CSS structure, I have tried to go with do not repeate yourself. But I have a feeling that was not 100%. Any recommendation is highly appreciated. Happy coding!

Hello everyone. Good challenge. I had some problems with the image section. I used the <picture> element. But it not fits perfectly, so I had to do same adjustements; and the source all the time is the mobile image. If you could have a look I strongly appreciate it. Thank you. Happy coding.

Really nice challenge. If anyone can have a look over the CSS file, to provide any hints how to be made even better, more cleaner. And sort of a problem with the buttons. I tried to go with border: 0 / none, and to have the border: 1px solid white only on hover effect. But, that 1px from the border was added to the overall height of the container, adding a visual effect of growing. In the end I added a 1px solid border to the button as well. Any idea how to maintain the same height of the container even if there is a hover effect and to have a border button of 0? .button { border: 0 / none; } .button:hover { border: 1px solid white; } => an increase of 1 or 2px of the container dimesnsions

my solution , I don,t know how correct it is .button { border: 1px solid color(not to be seen); } .button:hover { border: 1px solid color; }

Hello everyone. I tried to do this challenge as best as possible. I have a problem with the hover effect over the nft image. I do not know why the hover is bigger than the imagine. Imagine is 327331, but the hover is 327333. Why? :) If anyone can check the code quality, what can be improved? Can you check the correctness of the CSS file? T here is any recommended structure or order to write from top to bottom the CSS ? Any other feedback is highly appreciated. Thank you

Hello everyone. I tried to do this challenge as best as possible. If anyone can check the code quality, what can be improved? Can you check the correctness of the CSS file? There is any recommended structure or order to write from top to bottom the CSS ? Any other feedback is highly appreciated. Thank you

Hello everyone. I tried to do this challenge as best as possible. If anyone can check the code quality, what can be improved? Can you check the correctness of the CSS file? There is any recommended structure or order to write from top to bottom the CSS ? Any other feedback is highly appreciated. Thank you

Can I receive any feedback regarding my code? It is doing what it is supposed to do, (as I think) but regarding the code ? Is it everything alright? If it is possible a general overview. Any improvement that is necessary, or anything. I think in CSS there might be some repetition of code. Thanks, best regards. Happy coding