P
@masrestu
Latest solutions
Meet Landing Page w/ Tailwind & Svelte
#tailwind-css#sveltePSubmitted about 2 months agoNone really unless something in my work doesn't match the design.
Recipe page w/ Tailwind CSS and Svelte
#tailwind-css#sveltePSubmitted 7 months agoWould you write the markup with different semantic html? Is this page sufficiently accessible with the markup currently in place? These are the things I wonder sometimes.
Blog Preview Card w/ Tailwind & Svelte
#tailwind-css#sveltePSubmitted 7 months agoThe best way to create a semantically accessible blog card. There are a lot of opinions on how to create cards that are links and make them accessible on screen readers and for various types of users, but I haven't figured out a solution I am happy with that keeps everything working.
Latest comments
- P@SuiteMel
Nice touch with the transitions on the hero photos as you resize the page.
- @darkweb907P@SuiteMel
You matched the styles well I think. But I think the background color is wrong. And I'd recommend setting a max width to match the design so the cards don't stretch out as much. Otherwise, good job.
- @flaviare1sP@SuiteMel
You did a really good job matching design. It was difficult to find anything to recommend improving.
I did find one thing was related to responsiveness, and that was that as you make the screen smaller the boxes kind of run into each other. Maybe instead of setting a width you set a max-width so that the card can shrink when they run out space? The newer aspect-ratio utility can also help with maintaining their shape as well if that's a concern as the cards potentially get smaller.
- @Edems-DEVP@SuiteMel
You did a good job trying to match the layout from the images alone. But, I would highly encourage working on matching colors using a color picker or utilizing colors from the style guide if you aren't sure what the correct color is. Same goes for the font families as well, I believe the style guide in the starter linked to those. Good luck on your CSS journey otherwise!
- @pietroBragaAquinoJuniorP@SuiteMel
It looks like this an older project, and when I look at your newer projects I can see you improved your css skills. My biggest critique here and in your other projects is the usage of h1's being on the page multiple times. h1 tags should only be on the page once except in very specific circumstances. With multiple h1's the page isn't semantically correct technically. Otherwise, good luck on your html and css journey!
- @PiyushSolanki-hubP@SuiteMel
The design is fairly close. Though I noted the location text and button text isn't bold like the design. I would also really recommend making the links from the design actual links instead of just list items, practice styling links is really helpful for future projects and if you don't have a link you can also put a dummy link like "#" in the href value.
