Skip to content
Submitted over 3 years ago

The Huddle Puddle of Responsive CSS

drallas•375
@Drallas
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

This was my 2nd project on Frontend Mentor and it was easier than the first 'Ping' Project. I also like the design the purple isn't boring and keeps me motivated! :)

Some feedback would be helpful on : How is the responsive layout / what can I improve? Social Icons on Safari / iPhone XS are not centred in Firefox on the XS it looks good, why is this?

I enjoyed this challenge, but still only using basic HTML / CSS and no SASS or Frameworks yet.

Community feedback

  • Ana Luz Cervantes•1,705
    @analuzcervantesPosted over 3 years ago

    Hello! 🖖

    What @tomito26 is referring to is that you need to add in your class container__text__button outline:none; In this way, the border is removed when the user clicks the Register button. I leave you more information about outline here

    Be well, keep coding! 💻👾

    3
    drallas•375
    @DrallasPosted over 3 years ago

    @analuzcervantes

    I added :

    * {
    outline: none;
    -moz-outline-style: none;
}

    But i don't see any effect! I'm a missing something?

    0
  • drallas•375
    @DrallasPosted over 3 years ago

    @tomito26 did i miss that somewhere can't find it anywhere?

    This is all i found : Your users should be able to:

    • View the optimal layout for the page depending on their device's screen size
    • See hover states for all interactive elements on the page

    Did not consider this, but clicking should provide some feedback, i will add it!

    1
  • Thomas Khaemba•10
    @tomito26Posted over 3 years ago

    The button for register you need to remove the outline of the button when clicked

    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