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
Not Found
Not Found

Submitted

The Huddle Puddle of Responsive CSS

drallas 375

@Drallas


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

@analuzcervantes

Posted

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

@Drallas

Posted

@analuzcervantes

I added :

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

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

0
drallas 375

@Drallas

Posted

@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

@tomito26

Posted

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
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