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_preview_card

Anis-Web 100

@Anis-Web

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

mbalali63 150

@mbalali63

Posted

I just wrote the case to the site admin. I am not sure if they will answer or check it, but I hope to.

Marked as helpful

1

Anis-Web 100

@Anis-Web

Posted

@mbalali63 Thank You)

0
mbalali63 150

@mbalali63

Posted

Hi my friend

Good job. your design seems pretty nice, but I feel I had to inform you about few considerations to improve it:

  1. In your design "HTML & CSS foundations" is a hyperlink and it is OK. but I suggest to set its text-decoration to none and color to #000, then it will look better.

  2. The gap between elements in content section could be increased.

  3. and the button background color would be better if set to the defined --yellow color in the root.

  4. It seems that 16px for box-shaddow extend is too much, I guess it must be around 10.

and again thank you for the nice design. I hope my suggestion be useful for you. Regards

0

Anis-Web 100

@Anis-Web

Posted

@mbalali63 Hello, thank you for your review, but my design on Github page it is normal (https://anis-web.github.io/blog_preview_card/), see on PREVIEW SITE, but here, it seems like without CSS, i dont know where is the problem

0
mbalali63 150

@mbalali63

Posted

@Anis-Web Yes, you are right. I cant understand what is happening. Intrestingly, both are refering to the same url!

1
T
Matt Studdert 13,611

@mattstuddert

Posted

Hey @Anis-Web and @mbalali63 👋 I've just taken a look, and it seems like the solution screenshot isn't working because of the nested CSS. We'll update the solution screenshot to use the latest Chromium version so that nested CSS selectors are supported, and I'll message again once the issue is resolved 🙂

Marked as helpful

1
mbalali63 150

@mbalali63

Posted

Hi @mattstuddert Thank you for the prompt checking and explanation.

1
T
Matt Studdert 13,611

@mattstuddert

Posted

@mbalali63 just a quick one to say we've now updated the solution screenshot browser version to support nested CSS selectors. I've regenerated your solution screenshot 🙂

0
mbalali63 150

@mbalali63

Posted

Hi @mattstuddert

Thank you for the nice upgrade and also for informing me.

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