Skip to content
Submitted 4 months ago

"Responsive Web Projects with HTML & CSS,Flexbox & Grid for layout

#accessibility
Yousef•40
@YOUSEF-ysfxjo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I’m most proud of successfully completing two web development projects, where I applied responsive design principles using HTML, CSS, and Tailwind CSS. I’m also proud of how I shared my progress on social media, receiving positive feedback that motivated me to keep pushing forward. Additionally, completing a KAUST course module this week shows that I am staying consistent with my learning goals, balancing both practical and theoretical aspects of my growth.

What would you do differently next time? Next time, I would focus more on refining the code after completing a project. I might spend additional time optimizing the performance of the website, such as:

Reducing load times Improving accessibility I also want to experiment more with JavaScript or other interactive elements to enhance the user experience. Lastly, I would allocate more time for in-depth exploration of advanced features in web development, like:

Animations Advanced grid layouts

Community feedback

  • why-not-phoenix•300
    @why-not-phoenixPosted 3 months ago

    Hi, Yousef, I just went through your site and it tested ok for responsiveness. I think you should be proud of yourself Going through your code I noticed there were some repetition e.g:

    body{
    margin: 0;
    padding:0;
    background-color: hsl(30, 38%, 92%);
}

    Is that just a mistake or did you do that on purpose?

    I also personally think your @media (min-width: 1440px) could start at a lower min-width e.g for iPads etc with medium screen width.

    Thanks for sharing and goodluck

    Marked as helpful
    0
    Yousef•40
    @YOUSEF-ysfxjoPosted 3 months ago

    @why-not-phoenix for

    body{
    margin: 0;
    padding:0;
    background-color: hsl(30, 38%, 92%);
}

    i don't know if its mistake i found it appropriate, should i change anything?

    and thank you for you support

    0

Please log in to post a comment

Log in with GitHub

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