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

Blog card preview using HTML and CSS Flexbox

meher-hex 20

@meher-hex

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 specific areas of your project would you like help with?

I faced a great challenge in rounding the corners of the SVG file and sadly, I haven't overcome it yet. According to the given asset and design preview, the illustration should have round corners but I can't round the corners. As per my knowledge, CSS styles don't work on SVG files like that. I can't even work around it. I'm open to suggestions.

Community feedback

DNel 200

@TechEdDan2

Posted

Hello,

Nice work. Just a quick FYI, the link to your solution's "view code" actually goes to your QR Code solution, so you might want to update the info. When I looked at your solution in the other repository, I noticed you didn't get to add the active state for the "HTML & CSS Foundations" text. To do this, you could use the class selector "title" you assigned the <p> element with the text in it and add the pseudo class hover. The syntax would look something like this:

.title: hover{ color: yellow; cursor: pointer;}

Hope this helps!

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