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 mediaquerie

Mirjax2000 680

@Mirjax2000

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 developed an enviroment in Sass for myself. That allows to me start with project very quickly.

Here i host fonts from root server. @font-face

also played with git. Created master branch and later on cretaed another and after some time i merge them.

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

There was challenge for me that height of main card picture is set on 200px even on breakpoint. It has to stay on height 200px but width has change and picture inside has keep hold his aspect ratio.

i used object-fill:cover and set min-height with em units to 200px

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

Just check my code pls and if you find something usefull let me know.

Community feedback

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