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

html and css

arun81302 60

@arun81302

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?

i have some problem with flexbox and media query so step by step i am learning these things by applying

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

there is nothing hard in this section.

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

i can help with anything in this project.

Community feedback

P

@ePaulo

Posted

Three suggestions:

  1. Place your CSS code in a separate file and link to it from your HTML file <head> block, eg. <link rel="stylesheet" href="./assets/css/styles.css" />.
  2. Use "class", instead of "id", when identifying either a specific HTML element or group of elements. Then use "id" to further identify a specific element if necessary. Also try using more descriptive names so it's a bit easier to read your code. For example, I used <p class="publish-date">Published 21 Dec 2023</p> while you used <span id="pub">Published 21 Dec 2023</span>.
  3. Link to the design font, in this case "Figtree", using Google Fonts, eg. <link href="https://fonts.googleapis.com/css2?family=Figtree:[email protected]&display=swap" rel="stylesheet"/>.

Marked as helpful

0

arun81302 60

@arun81302

Posted

Thank you for correcting me next time i will take care of these things next time @ePaulo

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