All comments

• 

  Aayush Singh•20

  @aayushsingh-459666Submitted almost 3 years ago

  This is my first solve in Frontend Mentor. This website is very good for practice through challenges. Tell me if I have done any mistake.

  

  QR Code Component

  3

  50
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @aayushsingh-459666 ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • Please try BEM for naming element classes. It will help you a lot on bigger projects.

  If it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  0
• 

  Abishek Bardewa•110

  @abishekbardewaSubmitted almost 3 years ago

  

  Responsive Profile Card Component

  1

  20
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @abishekbardewa ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • On smaller devices, card goes over screen, and I think max-width: 100% can solve this issue.
  • Please try BEM for naming element classes. It will help you a lot on bigger projects.

  https://www.frontendmentor.io/solutions/profile-card-solution-m-cH4D2Lp

  Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

  Cheers ~

  0
• 

  P

  Indika Kolamba Tantrege•60

  @iamindikaSubmitted almost 3 years ago

  Any feedback for the semantic markup of my NFT preview card would be really appreciated. I also welcome any react and styling advice/tips. Thank you!!

  

  NFT preview card component using semantic html, css, React and webpack

  2

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @iamindika ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • On smaller devices, card goes over screen, and I think max-width: 100% can solve this issue.
  • I suggest you to try transition on hoverable elements like heading and creator name.

  https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

  Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  1
• 

  Michael•70

  @MReyna12Submitted almost 3 years ago

  

  QR Code Component Solution

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @MReyna12 ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • Card goes over screen on small devices. Using max-width: 100% rather than width: 13.2% will solve this issue.

  If it can help you even a bit, it would be happy to me.

  Cheers ~

  0
• 

  Sarang-Patel•170

  @Sarang-PatelSubmitted almost 3 years ago

  Suggestions regarding improvement in code are welcome.

  

  NFT preview card component

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @Sarang-Patel ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • I suggest you to try transition on hoverable elements like image, heading and creator name.
  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • Image overlay goes over image size itself.

  https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

  Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  1
• 

  Leslie Fernandez•290

  @leslief10Submitted almost 3 years ago

  

  Social Proof Section

  1

  20
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @leslief10 ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • Background image doesn't fill the screen.

  https://www.frontendmentor.io/solutions/social-proof-solution-bHjGitZ_n

  Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Daksh•40

  @daksh514Submitted almost 3 years ago

  Just a single question. How to center a div?

  

  Created Frontend Mentor QR code using CSS and HTML

  3

  40
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @daksh514 ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • You can use media query for elements to look good on small devices.
  • display: flex; align-items: center; will make card being centered vertically.

  If it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Darryl Mbatia•140

  @darryl22Submitted almost 3 years ago

  Any suggestions would be appreciated.

  

  qr-code-component

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @darryl22 ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • Please try BEM for naming element classes. It will help you a lot on bigger projects.

  If it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Marco David Castro da Silva•120

  @BragdaleSubmitted almost 3 years ago

  

  NFT preview card component using HTML/CSS

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @Bragdale ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • I suggest you to try transition on hoverable elements like heading and creator name.
  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • Image tags must have alt attributes as standard.

  https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

  Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  0
• 

  Abhishek Rohit•20

  @imabhishek02Submitted almost 3 years ago

  

  QR code formation using html and csss

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @imabhishek02 ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • On smaller devices, responsiveness doesn't work well, and I think that's because of viewport meta on html head.
  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • Card view is far from design, I think you can try background, border-radius etc.

  If it can help you even a bit, it would be happy to me.

  Cheers ~

  0
• 

  Rai•100

  @RaiIsNotYourGuySubmitted almost 3 years ago

  

  QR Code Component using CSS

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @RaiIsNotYourGuy ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • Card goes over screen on small devices. Using max-width: 100% will solve this issue.

  If it can help you even a bit, it would be happy to me.

  Cheers ~

  Marked as helpful

  0

  This comment has received 2 repliesShow
• 

  Md Ateeq•20

  @TPAteeqSubmitted almost 3 years ago

  

  QR code component using Flexbox

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @TPAteeq ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • Card goes over screen on small devices. Using max-width: 100% will solve this issue.

  If it can help you even a bit, it would be happy to me.

  Cheers ~

  0