Skip to content
OverviewSolutions
2
Comments
1

ccorley23

@ccorley2340 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Submitted 3 months ago

    Blog preview card

    • HTML
    • CSS
    1

    Did I handle the responsiveness correctly? I used a media query to add margins and adjust the font-size, I am not sure if there is a better way.

    Also, is my HTML well-structured and efficient? Any semantic tags that I missed?

  • Submitted 3 months ago

    QR Code Component

    • HTML
    • CSS
    1

    Is my HTML optimal? Are there any tags that I could have gotten rid of? Was there an easier way to code HTML or CSS?

Latest comments

  • ccorley23•40
    @ccorley23Posted 3 months ago

    Hey! Great job on the Blog preview card challenge. Just a few notes for the HTML:

    • Use the <time> tag for the date

    Using semantic tags in HTML help with SEO and make the code more readable. For the date on the card, instead of using a generic tag like p, try using the <time> tag for the date.

    <div class="date">
    <p>Published <time datetime="2023-12-21">21 Dec 2023</time></p>
</div>
    • Use <span> instead of <p> for non-paragraph items

    Try using <span> for the author name and the 'Learning' tag, since they are not really paragraphs.

    <span>Learning</span>

    <span>Greg Hooper</span>
    Marked as helpful
    0