Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
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 using flex and grid

@plantpirate

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'm proud of using new ways to select elements for styling. It's fun getting to use a variety of selectors to select the same element, just have to remember to keep everything readable.

•For my next projects, I want to try and use grid for more of the project design with less use of flexbox.

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

•Moving the footer to the bottom, google helped with that.

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

•A big issue i couldn't resolve was getting the top image to be taller. I'm sure there's many CSS rules that were limiting me, but I wasn't sure what I should change to get my desired result w/o affecting other elements.

•Is there a better and more practical way to place the footer at the bottom of the page? This seemed pretty straightforward, but I feel on a different layout, it could lead to issues?

•Readability of my CSS files is always a concern in the back of my mind, are there any issues with it that aren't personal preference related?

Community feedback

LLL0908 40

@LLL0908

Posted

You did a great job! I learned some CSS properties by reading the code. And for the footer, maybe position:fixed is better.

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