Skip to content
Submitted over 2 years ago

Responsive mobile first UI using vanilla CSS (BEM)

accessibility, bem, lighthouse, styled-components
Amin Alizadeh•200
@M-AminAlizadeh
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, developers 👋🏼

In this project, I used simple HTML, CSS

I did these things in the project:

  • Use the BEM method for naming my classes in HTML
  • Use CSS variables
  • Use relative units (rem, %) instead of absolute units
  • Use media query to make the component responsive on all devices
  • Use lighthouse, webhint, and stylelint as linters to the project
  • Mobile first

This project is so easy but it's also good for beginners to check that out If you see any issues or have any suggestions to make the code base better don't hesitate and write it down in the comment or click on this Issues Link and make an issue.

I'm looking for your comment

Happy coding

Cheers🎉

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Amin Alizadeh's solution.

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