All solutions

I enjoyed tackling this challenge. Any suggestion to improve my code is highly welcomed and appreciated. thank you in advance.

I wonder why while I'm coding on my browser the code works perfectly but when I move it to the live server the preview is different and I'm opening on the same browser. what might be the problem with my code? Any suggestion for improving my code is highly welcomed.

Thank in advanced.

I manage to complete this challenge pretty well however, I don't understand why my code is behaving differently when I'm running it via vs code and when I've uploaded the code to the live server the Font is small, and the sizes are also small. Also during the coding, it renders differently from Microsoft Edge.

The last issue I encountered was putting the background pattern at the center and at the same time stretching to the bottom of the page without pushing the footer to another page. Kindly help me. I appreciate all the programmers who have continuously helped me from a Newbie and now I'm tackling Junior challenges. Thank you a lot.

I think I did this challenge correctly but any suggestions on how I can improve my code is highly appreciated.

Thank you advance.

This is how close I came with this project. This is my first grid project and I would appreciate any insights or how I can improve on my code.

Any suggestions on how I can improve my code is highly appreciated especially in terms of responsiveness and accessibility. Thank you in advance.

Check it out I added a nav bar to this Single-price-grid-component and I tried cloning Frontend Mentor nav bar. Any suggestion on how I can improve my code is highly appreciated.

Thank you in advance.

This was a very challenging task. although I managed to set up the mobile layout well the desktop layout was a challenge and it has taken me hours before I figure out how to place the cards to the middle and I was unable to do so. I tried using flexbox but I failed. any suggestions are welcomed. I don't want to look for other solutions before I get what's wrong with my code. Any help??

I used the pseudo-element::before inserting the star SVG. Even though I was able to accomplish that I don't feel I did that well. Is there another way I could have achieved the same results in a better way? Also, I used a lot of margins in this project for both desktop and mobile design. Is there a way I could have improved my code? Any suggestions are highly appreciated.

Thank you in advance.

I had problems making the SVG bg background images responsive. How can I improve my code to make them responsive and also any insight on how I would have improved my code is warmly welcomed.

Thank you in advance.

This was a good project any suggestion for improving on my code will be well appreciated. You can also look at my navigation bar and I'll appreciate any insight of better coding.

Thank you, in advance.

I was unable to design the mobile layout on this project, I would like to know how I could have achieved that. Any suggestion for my code is highly appreciated. Thank you for your assistance in advance.

I had difficulty with the mobile layout on this project I tried to use the <picture> tag to reset the background pattern but I don't think it works. Any suggestions for how I can improve my code for both accessibility and responsiveness across different devices are as well welcomed.

How can I ADD to the image the active state (according to this challenge)? I have spent hours trying to figure out how to do that. Any help is appreciated.

It was difficult for me to avoid using px on the width component. I will appreciate any explanation how I could have done it better.

The last issue I encountered was that the Live Sass Compiler by Glenn Marks refused to compile my sass to CSS so I had to use CSS ONLY. Is there a reason why it refused to work? it only displayed error while trying to compile.

Is the QR CODE responsive? Any suggestion for what I could have done better?