a blog card in html and css

Community feedback

• 

  P

  M Kerr•1,200

  @mkerr-githubPosted 10 days ago

  "For the text "Learning" what is the best tag to use and also should I specify the width for that element, if so in what unit of measurement?"

  You code links to a different project, the social media links challenge.

  basically you can use something like :

  <p class="blog-category">Learning</p>

  and then in the .blog-category class in CSS, use a max-width, and max-height.

  The convention for responsive websites is to use rem and sometimes em, instead of pixels for most items, as they are more responsive. pixels can be used for small elements like icons and buttons where you do not want the size to change even on small screens.

  What I do, is do everything in pixels first (as the figma designs are in pixels) and then when it looks ok, convert them all to rem.

  A rem is 16px, as 16px is the usual default font size on most browsers.

  more details here:

  https://austingil.com/px-or-rem-in-css/#:~:text=Pixels%20are%20an%20absolute%20unit,the%20equivalent%20of%2024%20pixels.

  If you found anything in this comment helpful, please remember to click the "mark as helpful" button. Thank you!

  Keep up the good work, and keep going! 👋

  Marked as helpful

  0