Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

RWD with BEM and Grid Layout used 1st time along with mobile first

#accessibility

@vikramvi

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View Challenge

Design Comparison

SolutionDesign

Report

1

Accessibility Issues

7

HTML Issues

View Report

Vikram Ingleshwar’s questions for the community

  1. I've used "BEM" and "Grid" layout first time, along with "mobile first approach"
  2. Kindly review the code and let me know areas of improvement.
  3. As I'm using "mobile first approach" first time; didn't find much helpful. Please let me know from your experiences is it good way to tackle RWD or starting with desktop first ? About BEM
  4. I simply fell in love with BEM, it's like love at first site.
  5. I've learnt React and Tailwind CSS, I feel BEM will help you to master both React & Tailwind CSS. It makes life so much easy Your feedback is always welcome, thanks in advance.

Kind Regards, Vikram

Community Feedback

Please focus on giving high-quality, helpful feedback and answering any questions vikramvi might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!