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

First Challenge Using HTML CSS

@NadyaMumtazah

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Love to hear your feedback!

Community feedback

@analuzcervantes

Posted

Hi! 👋

Welcome to the frontendmentor community!

I would just like to give you some tips:

  • For the background images bg-pattern-top and bg-pattern-bottom, I recommend placing it in the body on stylesheet file background-image: url (), url (); For the position you can use vw and vh background-position: right 50vw bottom 50vh, left 50vw top 50vh; Here I leave you more information about vw and vh
  • For your user profile class you can use display: flex; justify-content: space-evenly; I leave you a Flexbox guide
  • Check the Accessibility issues and HTML issues report and try to fix them

Be well! 💻👾

0

@NadyaMumtazah

Posted

@analuzcervantes that's very helpful,thanks for the tips! gonna try it soon :)

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