It was great, looking back 3months ago that i attempted this challenge. Learning continue. Happy Coding!
orlando-caceres
@orlando-caceresAll comments
- @TimiphilSubmitted almost 2 years ago@orlando-caceresPosted almost 2 years ago
Good work! This was my first project a couple of days ago and the little I can help you is by telling you that the "Add to cart" button should change color when the pointer is over it, personally I did it in the following way:
.buy:hover { background-color: hsl(158, 36%, 25%); }
But surely there are other ways.
I hope it helps you a bit.
Very good work.
0 - @orlando-caceresSubmitted almost 2 years ago
This is my second project as part of the Fronted Mentor challenges, using only HTML and CSS.
Feel free to tell me how I can improve and if there are better ways to achieve the final result.
I have taken advice that they gave me from my first project, such as:
@SinisaVukmirovic: "try to use semantic elements in your HTML". I have used <maid>, <figcaption> and <section> for this challange. And the styles I have put in a separate CSS file
@Nadine-Green: Helped me how to center the elements.
@vcarames: "The image’s alt tag description needs to be improved upon to better describe what it is." I have tried to be more specific and put: alt="QR code to enter Frontend Mentor" class="qr_code"
One of the things that is most difficult for me is making the images and elements, with automatic size depending on the size of the device screen, aspects such as what value to use in the width and height, flex box has helped me but I feel that I still need to master that part, if you have any link or advice to improve on this, I would really appreciate it.
@orlando-caceresPosted almost 2 years agoI have a question, why in the DESIGN COMPARISON section, where solution/design appears together with a screen to compare the challenge with the solution, the solution that I have uploaded is different from the one that appears in this part, for example my solution It has two lines in dark blue and three lines in gray, just like the image of the challenge. But in this comparison section, it seems that my solution has three lines in dark blue and if you enter the code you will only see two, I don't know if I am making myself understood? Does this happen to anyone else or why does it happen to me? The same thing happened to me with the product card challenge.
0