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

@Nasserio10

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?

i am very excited that create my second challenge in frontend mentor. next time i would like to do it much fast than this .

What challenges did you encounter, and how did you overcome them?

the challenge as a newbie is very taugh because , a lot of time a visited online documentation of css how to create border, shadow etc

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

i would like of help to create a responsive website of all types of windows , desktop , tablets, smartphone. i only created the desktop version

Community feedback

@imbraian

Posted

Hi, Nasserio10! Here are my tips for you:

  1. Try using flexbox. The "position" property won't work in this case. Here's a guide on how to quickly learn flexbox and understand it.
  2. I recommend installing the "Prettier" extension to format your code and give it a clean and readable appearance.
  3. I recommend leaving a line of space between each selector in CSS. For example:

h1 {

}

h2 {

}

Do you understand?

Those are my tips. Keep up the good work and congratulations on your great project, you're amazing!

Remember, practice makes perfect.

0
P

@tdimnet

Posted

Hi Nasserio10,

Nice project! You did a great job.

There are a few things you could improve for next time:

  • I saw you used absolute position. This is great but most of the time, we don't want to use it. It's like a bazooka. We use it only when it's necessary. You could use flex instead.
  • You should have a look on CSS variables. They provide a lot of help when styling website.

Other than that, this is great :).

Have a nice day, Tom.

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