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

Block preview card

@gilotin

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?

Working with Figma for the first time was hard, especially with the free version that lack most of the features that were available years ago, but I'm happy with the end result.

Continue to improve my BEM methodology.

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

I have got problems only with Figma, because lack of free features.

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

Looking to improve my HTML and CSS (especially BEM methodology)

Community feedback

P
Nico 330

@Nico243

Posted

Hey, it looks good I have a few suggestions for you to help.

When you download the starter file and the figma file, you can look for the style guide and open it up in your VSC IDE. This will give you the coloring in hsl for your background, containers, your text and font sizes.

you can add this i your pseudo classes.

When you make updates on your code, It's not going to upload automatically on your Git file so we have to do this manually.

  1. git status 2 git add . (Adds all new updated files)
  2. git commit -m "Description of your change"
  3. git push origin main

This will upload the updated files to your git

If you want to add a <footer> always add it outside of the <main>.

We want to use rem instead of px. px are absolute units/sizes and are less responsive. There is a simple way to calculate your rem. pixels/16px 16 pixels = 1 rem

You can implement these and feel free to ask more questions.

Happy coding!

Marked as helpful

0

@gilotin

Posted

@Nico243 I'll change pixels to rem , tomorrow, thanks for the suggestion.

When you make updates on your code, It's not going to upload automatically on your Git file so we have to do this manually.

git status 2 git add . (Adds all new updated files) git commit -m "Description of your change"

git push origin main This will upload the updated files to your git

Can you explain what you mean, I don't see any problem with the code, or you are watching the history of code updates ?

For pushing new updates I'm trying to use :

ADD:, UPDATE:, CHANGE:, DELETE: etc. before the massage to clarify what I'm doing. I'm pushing via VS code git extension.

Is there any problem with that ?

For the footer I'll check , in older challenges , because I don't have one here, but thanks for the suggestions, really appreciate them!

1

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