Skip to content
Submitted about 1 year ago

VS Code, Responsive, No Figma

Matthew Reed•160
@mreed4
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I tried to go as fast as possible to build this, just as a personal challenengs. I still have some blind spots surrounding the media queries and responsive design, though here it seems to work.

Community feedback

  • Bryan Li•3,530
    @Zy8712Posted about 1 year ago

    For a quick build this is a pretty solid site. The only things I'd change is the spacing of items from the edge of the screen (on desktop) and the choice of placing the logo outside of the main tag in your html. This site doesn't really have a footer or navbar (or much content at all) so I feel like it should just be included in the main (unless you have some specific reason to exclude it from the main).

    P.S. Out of curiousity, how long did this quick build take?

    1
    Matthew Reed•160
    @mreed4Posted about 1 year ago

    @Zy8712 I would estimate 35-40 minutes. "A lot" of the time is spent eyeballing the sizing of everything, then getting it as close as possible. I use and pay for Copilot, so that is definitely helpful.

    Thanks for the feedback on the spacing. I think the fix here is to add a padding or margin to body. The generic reset I use in speed builds sometimes has unintended side effects.

    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