Blog preview card with html css

Community feedback

• 

  Monica I.•200

  @monicaivanovPosted 4 months ago

  Hi, I think would be more helpful and easy to read your code if you put the CSS into a different file (style.css) and link it to your HTML file. For using the flexbox or other ways of centering block elements I recommend this article: https://css-tricks.com/centering-css-complete-guide/ . Check the grid option (last one on the page), its so clean and easy. You can find other useful articles under Guides menu.

  You did a great job. Keep coding!

  0
• 

  P

  I am Groot•50

  @TryskallPosted 4 months ago

  Simple and Straight forward To keep Disability Guidelines, fill in the alt="" with a description of the image and add roles using role="main" and other tags. google WAI-ARIA to find the useful tags for the correct roles. to get a fell for which roles are needed, you can copy your code into a chatgpt and ask it to apply the appropriate roles where they are needed. Warning: the AI chat is not always correct, but if you learn the main roles it will help you understand where they are needed. For your CSS, i recommend add a css file like styles.css instead of add the your styles in the HTML style tag. What you did is ok for smaller pages like this assignment, but for longer pages you will probably be better of using styles.css

  Box-shadow and/or borders can be used for shadows and borders

  0