Skip to content
Submitted 5 months ago

html and css

arun81302•60
@arun81302
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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

  • Paul Olynek•330
    @ePauloPosted 5 months ago

    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
    @arun81302Posted 5 months ago

    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

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