i welcome any feedback
What challenges did you encounter, and how did you overcome them?i welcome any feedback
What specific areas of your project would you like help with?i welcome any feedback
Great job. I had done something similar initially but with grid row of 4 and weirdly would always have a padding issue. Glad you were able to make it work and your solution looks great.
I was so difficult to understand css grid at the beginning but with this challenge i understand it better
What challenges did you encounter, and how did you overcome them?It was so difficult to put the cards in the right position, after reading a lot about css grid i made it
What specific areas of your project would you like help with?I would like to see another way to approach the problem, if there is an easier solution
Started to work with tailwind .
What challenges did you encounter, and how did you overcome them?Customizing Tailwind via the tailwind.config.js especially adding custom fonts . https://tailwindcss.com/docs/installation is the key .
What specific areas of your project would you like help with?Grid template.
Impressive use of tailwind. Found it interesting that you tried it with grid. I would suggest you look into the html element "picture". This would have allowed you to switch the image between desktop and mobile.
Impressive job tho!!
Improve my responsive design skill
What challenges did you encounter, and how did you overcome them?styling list elements
What specific areas of your project would you like help with?styling list
Good job on the work. I would suggest trying it with tailwindcss when you get a chance, you'll spend less time writing all your css. However, keep it up!
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
I've tried to make the page as close to the design as I can, and I was also able to adjust the font size without using media queries. I also think that the hover effects are on point.
What challenges did you encounter, and how did you overcome them?The svg file will not load in Vercel app, so I had to convert it to png.
What specific areas of your project would you like help with?I'm still getting the hang of deploying the website.
The TailwindCSS implementation for the blog preview challenge looks great! I would say that the use of the h1 instead of h2 would probably better for semantic HTML which help improve SEO and accessibility.
I am proud of how the rounded edges and padding look, and figuring out how to disable dragging the image makes the component feel a lot more professional. One thing I may do differently is use two different fonts; one for the titles, and another for the text.
What challenges did you encounter, and how did you overcome them?One major challenge I had was getting the text to stay within the card component. The text wanted to stretch the card out as much as possible, and my solution is to add a fixed width to both the header and paragraph elements. This solution works for this component, but may not be reusable because the paragraph and header width would have to be edited if the size of the image has to be changed.
What specific areas of your project would you like help with?I would like help removing the fixed width to the paragraph and header elements, and making the width of the card depend on the width of the image. Ways to reduce the number of styling classes I have would also be appreciated!
Overall a great example on how to use tailwind-css. There's many ways to do it and your is very clean. Any reasons as to why a use of h3 instead of h1?
