All comments

• 

  Aayush Singh•20

  @aayushsingh-459666Submitted about 3 years ago

  

  QR Code Component

  3

  50
  

  Web Wizard•5,690

  @rsrclabPosted about 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 about 3 years ago

  

  Responsive Profile Card Component

  1

  20
  

  Web Wizard•5,690

  @rsrclabPosted about 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 about 3 years ago

  

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

  #react#semantic-ui#webpack#bem

  2

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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 about 3 years ago

  

  QR Code Component Solution

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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•190

  @Sarang-PatelSubmitted about 3 years ago

  

  NFT preview card component

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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
• 

  P

  Leslie Fernandez•320

  @leslief10Submitted about 3 years ago

  

  Social Proof Section

  1

  20
  

  Web Wizard•5,690

  @rsrclabPosted about 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
• 

  Daksh•40

  @daksh514Submitted about 3 years ago

  

  Created Frontend Mentor QR code using CSS and HTML

  3

  40
  

  Web Wizard•5,690

  @rsrclabPosted about 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
• 

  Darryl Mbatia•140

  @darryl22Submitted about 3 years ago

  

  qr-code-component

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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
• 

  Marco David Castro da Silva•120

  @BragdaleSubmitted about 3 years ago

  

  NFT preview card component using HTML/CSS

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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 about 3 years ago

  

  QR code formation using html and csss

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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 about 3 years ago

  

  QR Code Component using CSS

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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
• 

  Md Ateeq•20

  @TPAteeqSubmitted about 3 years ago

  

  QR code component using Flexbox

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 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
• 

  vinay kandoi•120

  @vinaximusSubmitted about 3 years ago

  

  CSS, HTML

  1

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 3 years ago

  Hi, @vinaximus ~

  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.
  • Image tags must have alt attribute as a standard.

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

  Cheers ~

  0
• 

  Shuvo Saha•50

  @a1shuvoSubmitted about 3 years ago

  

  NFT Preview Card Component with CSS

  1

  40
  

  Web Wizard•5,690

  @rsrclabPosted about 3 years ago

  Hi, @a1shuvo ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like the image overlay effect on your project.

  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 image, heading and creator name.
  • Please try BEM for naming element classes. It will help you a lot on bigger projects.

  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 ~

  0
• 

  Marcio Veloso•10

  @maarciovSubmitted about 3 years ago

  

  QR Code Component

  1

  40
  

  Web Wizard•5,690

  @rsrclabPosted about 3 years ago

  Hi, @maarciov ~

  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
• 

  Shuvo Saha•50

  @a1shuvoSubmitted about 3 years ago

  

  QR Code Component with CSS

  2

  30
  

  Web Wizard•5,690

  @rsrclabPosted about 3 years ago

  Hi, @a1shuvo ~

  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 ~

  0
• 

  Kenneth Laidlaw•80

  @KenlaidlawSubmitted about 3 years ago

  

  Solution to order summary component

  1

  20
  

  Web Wizard•5,690

  @rsrclabPosted about 3 years ago

  Hi, @Kenlaidlaw ~

  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 cancel button or proceed button.
  • Please try BEM for naming element classes. It will help you a lot on bigger projects.
  • Card goes over screen on small devices, and using max-width: 100% will solve this issue.

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

  Cheers ~

  0
• 

  pytest•20

  @pytest3Submitted about 3 years ago

  

  Basic CSS and HTML

  1

  40
  

  Web Wizard•5,690

  @rsrclabPosted about 3 years ago

  Hi, @pytest3 ~

  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.
  • On smaller devices, responsiveness doesn't work well, and I think that's because of viewport meta on html head.

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

  Cheers ~

  0