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 page using html and css

P
Clyo 130

@clyo

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?

How quickly I grasped the css layout

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

Getting the background the yellow colour was tricky as it turned other elements yellow as well. Also uploading the svn as a file wasn't working for me so I just used the entire code.

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

How to get the background yellow without impacting the other elements.

Community feedback

P
Alex 350

@Sharky83

Posted

looking good. you should be able to load the provided svg inside the img tag, such as:

<img class="" src="./assets/images/illustration-article.svg" alt="">

in the css file, just add the background-color property to the appropriate tag, eg:

body, then place the rest of the code within main tags:

<body> <main> your content here </main> </body>

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