@modji
@azka5123
Submitted
What are you most proud of, and what would you do differently next time?
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
@modji
Posted
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.
@chefoce
Submitted
What are you most proud of, and what would you do differently next time?
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
@modji
Posted
Great use of the grid layout and also the ordering in your css.
@Thessssift
Submitted
What are you most proud of, and what would you do differently next time?
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.
@modji
Posted
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!!
Marked as helpful
@siyad01
Submitted
What are you most proud of, and what would you do differently next time?
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
@modji
Posted
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!
@JasonRavager
Submitted
What are you most proud of, and what would you do differently next time?
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.
@modji
Posted
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.
Marked as helpful
@BrianHammer
Submitted
What are you most proud of, and what would you do differently next time?
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!
@modji
Posted
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?
