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

Block card with HTML and CSS

@dv-tiagosilva

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?

This time I have finished the project more quickly!

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

I think my best challenge this time was to improve my responsive skills, aside the synthaxis that I am still understanding.

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

I would like help with responsive for cell phones, I think media queries is the answer but I am still learning about it.

Community feedback

P
Patrycja 160

@Patrycja-dz

Posted

Hi, your project looks very good, super job. However, I'm not sure why you put most of the code in the <a> tag. You don't tend to use it as a parent to so many elements, you might want to think about using main as a container, especially since the link so far doesn't lead to anything. However, I understand that you wanted a proper cursor, you can use cursor: pointer without a link for example by writing it as a rule for the flex-container class. It's not a golden rule, but it's better to avoid styling after the id because it's definitely harder to override it somehow later. Also to include space between project and mobile screen (checking it on iPhone) you can add margin for first class. But there is a very big potential. Congratulations 😊

Marked as helpful

0

@dv-tiagosilva

Posted

@Patrycja-dz Thank you very much for the feedback, I will definitely pay attention to these points!

0

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