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

Blog preview card with html css

Darshan 20

@darshan744

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?

Just practisigmy html basic and css basic

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

Writing CSS as it has many properties and has effects which aren't known to a beginner.I would appreciate some help in CSS.

Community feedback

Monica I. 200

@monicaivanov

Posted

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

@Tryskall

Posted

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

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