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

HTML + CSS + Javascript page

@BernardoHollmann

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had some problems with this challenge. Can someone please help me with it?

Community feedback

@icaroMendes777

Posted

hello!

didnt see major problems, but if I can help you with something:

-the social-media items, they are not perfectly aligned in the center of the circle, you can use flexbox to center them perfectly, like: display: flex;justify-content: center;align-items: center;

-when resizing the main picture size is jumping, go gradually changing the size of the screen to see it. It gets too small around screen 600px, and then when it gets to the cellphone size it grows again. you can put a min-width and min-height for the picture never become smaller than its minimum size.

-when you click in the mail field it adds a weird color border to the field by the html default, you can correct this with css: "outline: none;" on the email field.

but in general the page is quite good. hope this can be useful.

Marked as helpful

1

@BernardoHollmann

Posted

@icaroMendes777 Thanks, friend! It really worked your tip on the social media items and the input outline border!

1

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