Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Design with react and tailwindcss

@jmelsbach

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Read the documentation of tailwindcss more thoroughly before starting to code.

What challenges did you encounter, and how did you overcome them?

nothing specific

What specific areas of your project would you like help with?

Did I violate best practices?

Community feedback

Alex 3,130

@Alex-Archer-I

Posted

Hi!

You did a good work, congrats =)

Just a couple suggestions how you can improve it.

Use more semantic tags. Firstly it's a main tag. Every page should contain one. For example it could be the root element for app building. The Learning thing could be p (actually it looks like link, but this project out of context so we couldn't be sure). The same with the date and name parts.

And in the same time try to use less tags in general =) There are no need in div wrappers here at all except the avatr-name part =)

Overall you did great =)

Good luck and happy coding =)

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord