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 with Sass

@DeeSzubert

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?

The design look very similar to the given template. Second attempt to Sass.

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

Had a GitHub problem as it didn't read css file. Had to change path to the file.

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

paragraph was in one line until i change width to the mage width. Is there any better way to do it ?

Community feedback

Mikov 110

@mikov144

Posted

Hello! First of all it looks like there's should be more space between "Learning" element and the article image. Second, you should always give class names to your html elements, even on such small project as this one. Even better, if you would use BEM methodology while giving out names to classes. Link to BEM introduction page. And about your question about the paragraph, I would just create a div container and put everything below the article image inside of it, and then give it width using %. Try bigger or smaller percent until the elements align "just right".

Good luck on your journey!

Marked as helpful

0

@DeeSzubert

Posted

@mikov144 Thank you for your comment. I did amend the code with classes. Unfortunately, the paragraph element is still behaving oddly. Thank you anyway.

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