That I was able to find the answers and it it to look close to the original
What challenges did you encounter, and how did you overcome them?I couldn't find how to make the cursor pointer to black when on hover
What specific areas of your project would you like help with?How can you change hand color on hover
Hello @Celeste-Rhoades! I want to start by congratulating you on your excellent work with the solution you have proposed.
Regarding the question about changing the color of the cursor, unfortunately, it is not possible to do it directly. However, you can use the cursor property to replace the default cursor with a custom image.
Here is an example of how to do it:
cursor: url('../imagenes/cursor.png'), url('../imagenes/cursor.cur'), auto;
In this line of code, url is the address of the PNG image that will be used as the cursor. If the browser cannot load the PNG image, the .cur image address will be used. If neither can be loaded, the system default cursor, indicated by auto, will be used.
For more details on how to use images as custom cursors in CSS, I recommend checking out this link.
It worked for me using .cur
Implementing the tablet view even though it was not part of the given design.
What challenges did you encounter, and how did you overcome them?not too familiar with the use of grid compared to flexbox
What specific areas of your project would you like help with?nothing
Hi friend, first of all, great job on the design!
The background color does not seem to be correct. In my experience, sometimes the colors given to us in the 'style-guide.md' file don't look the same in the editor I use. What I usually do is use some tool to extract the color of a font, background, etc. This way I make sure I get the right color.
a
What challenges did you encounter, and how did you overcome them?a
What specific areas of your project would you like help with?a
You have to improve on the design, you can see mine to serve as a reference, although I am not an expert either, I hope it helps you.
Any tips on how to make my solution as close to the design as possible (without using design files - Sketch, Figma).
Being able create the alignments as depicted in the design files, learning to style html tables and working with lists
What challenges did you encounter, and how did you overcome them?it was a struggle styling the tables and also working with different fonts. Also making the list-style a different color from the list elements was a bit of a challenge and lastly styling of hr elements.
What specific areas of your project would you like help with?Just actual sizing, margins, padding and all.
Excellent work!
I recommend that you pay close attention to the details. In the original text, there is a slight formatting issue where the phrase 'A quick and easy dish, perfect for any meal' spans almost two lines.
Your design looks great, the effect on the social links was a great detail! Although you needed to make them stand out with a different color when you hover the cursor.
Hello Ekta, good job, I see that the images do not appear in the solution, but in the preview they do appear, if you have any problem you can write to me without problems.
Good job with the design.
I began learning to code about 2 months ago, so this field is relatively new to me as I am a UI/UX designer who wants to learn to code. I am proud that I completed this challenge and learned along the way. One thing I will do differently next time is to write more comments about what went wrong and how I solved it in my code.
What challenges did you encounter, and how did you overcome them?I have not learned responsive designs as I am still in my boot camp, so to complete this challenge I had to watch videos and read articles about responsive designs. Also, I encountered some issues using GitHub as a developer and deploying my project on GitHub pages. I was able to solve this problem by reaching out to other people in my boot camp and with the use of suggestions on Stack-overflow.
What specific areas of your project would you like help with?I still do not have a 100% understanding of responsive designs. I would also like help with the best coding practices or advice to help me improve as a designer learning to code.
Hi Elizabeth,
I know you've encountered some issues with GitHub. I'm not exactly sure what the problem was, but if it's about publishing your project to the repository, a practical solution could be to create a command file where you can automate the git commands and thus streamline the process of publishing your projects, for example, Windows, creating a .cmd or .bat file. If you need help with this, feel free to ask me.
Best regards, [Urias Ramos]
P.S.: Your project turned out spectacular!
