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
Request path contains unescaped characters
Not Found

Submitted

Blog Preview

@vanimittal1304

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
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 how far I've come in understanding and applying CSS. Each project I work on helps me improve my skills, and seeing tangible progress is rewarding. Next time, I would aim to plan my projects more thoroughly from the outset, considering potential challenges and solutions in advance. This proactive approach would likely lead to smoother development processes and more polished final products.

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

Encountering challenges in web development is common, and overcoming them often involves a combination of research, experimentation, and persistence.

Making Grid: Grid layouts can be tricky to implement, especially when dealing with complex structures. To overcome this challenge, I first ensured a clear understanding of CSS grid properties and how they interact. Then, I broke down the layout into smaller components and tackled them one at a time, testing and adjusting as needed until achieving the desired grid structure. Media Queries: Media queries are essential for creating responsive designs that adapt to different screen sizes. To overcome difficulties with media queries, I referenced documentation and tutorials to understand the syntax and usage effectively. I experimented with various breakpoints and tested the layout across different devices to ensure responsiveness. Background Design of First Div: Implementing a background design, especially with opacity, requires careful consideration of CSS properties. To address this challenge, I experimented with background colors, gradients, and opacity settings to achieve the desired effect. I also adjusted z-index values to ensure proper layering of elements. Unsolved Challenges: Some challenges may require further research or troubleshooting. If the background design and media queries are still unresolved, I would revisit the CSS code, double-checking syntax and property values. Additionally, seeking assistance from online communities or forums can provide valuable insights and solutions from experienced developers.

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

For assistance with the media query section of your project, please provide more specific details about the issues you're encountering or the changes you'd like to make. Are you having trouble with the syntax, the responsiveness of elements, or achieving a specific layout at different screen sizes? Providing more context will help me offer targeted guidance or solutions.

Community feedback

vv 140

@dblvv

Posted

choosing the right font color is key. i would recommend centering main each time or at least adding some top margin. most projects here seems to fit. using flexbox for that is what i suggest.

Marked as helpful

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