Hello! 👋 Please check out this markdown editor if you have the time
Let me know if there are any problems or where I can improve, any and all feedback will be greatly appreciated, Thank you! 👍
Hello! 👋 Please check out this markdown editor if you have the time
Let me know if there are any problems or where I can improve, any and all feedback will be greatly appreciated, Thank you! 👍
Hello, I tried viewing your solution but all I got was a white page with the following text
Application error: a client-side exception has occurred (see the browser console for more information).
This was what was in the console -> TypeError: Cannot convert undefined or null to object
Easy one, I believe. How do you like it?
Hello 👋
Congrats on finishing the project. Something I noticed when resizing my screen is that your cards didn't resize along with the screen (they didn't get squished as my viewport width got smaller), which is usually what is desired for responsive design. You probably set a fixed width on the outer container of your cards, this will cause an overflow on smaller screen sizes and will require people to scroll to the side if they want to view all of your cards.
A general rule of thumb is avoid height, max-height, width and min-widths, they make responsive design a lot harder
It takes me such long time to figure out how to change the svg's color. Everybody, can you tell me where and how to master box-shadow quickly. I feel it's very complicated to master box-shadow. Thank you so much.
Hello, naturally its best to learn how to use the tools that you'll build projects with but there're some that are very math-y and can get complicated when trying to do something a bit more advanced. (e.g font-size: clamp(1rem, calc(0.96rem + 0.19vw), 1.13rem); )
For these kinds of situations there will always be lots of online tools you can use; for box shadows you can use something like a generator to make your own: https://html-css-js.com/css/generator/box-shadow/
or you can look at other peoples box shadows and just copy it: https://getcssscan.com/css-box-shadow-examples
What did you find difficult while building the project ?
The DOM part, a little.
Hey, the solutions looks great, congratulations. There are a few issues though, I won't go through what has been mentioned in the html and accessibility report but this won't work for people not using a mouse.
Instead of a ul, this should be a form with radio inputs, that way someone can select one of the options using spacebar and press enter and it will submit the form for them.
i found setting media queries difficult while building the project
Hey 👋, congratulations on submitting your first project.
For this project, you don't need media queries, the original is small enough to fit on any screen size without a problem.
I can understand that it might look better if you scale up its size like that on larger screens but imagine if you were creating a website, would you use such a large card? Probably not.