Skip to content
Submitted 4 days ago

Responsive Blog Preview Card WebPage Using CSS Grids and Flexbox

LVL 1
SCHAN20
@mpartisan1000
A solution to the Blog preview card challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

Well, I found that I suck at mobile workflow first designs. So I will have to study that. So next time I will focus on that. Also, I am proud that I was able to truly come up with codes I didn't think I was capable of. Like arrangements using CSS grid, combining CSS grid and flex box.

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

My first Challenge was positioning. I could center my projects on my webpage without it being messy. I realized my elements could only affect part of my page because of my border-box property (this was brought to my attention by ChatGPT). I decided to give my body and HTML a width of 100%. This allowed me to center my documents further.

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

Well I would need help with understanding transitions and Animations.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on SCHAN’s solution.

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