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
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found

Vikram Ingleshwar

@vikramvi
India
60Points

[ 'BDD', 'TDD', 'JavaScript', 'React', 'Redux', 'Babel', 'Webpack', 'Node.js', 'GraphQL' ]

Latest Solutions

  • Desktop design screenshot for the Profile card component coding challenge

    Responsive Web Design with BEM, Flexbox, Semantic Tags HTML5, CSS3

    #accessibility
    • HTML
    • CSS
    1
    Submitted
    • Please review for BEM and Flexbox best practices
    • HTML5 SEO and Accessibility good practices
    • I'm breaking down styling into small chunks possible and doing regular commits, which is helping me a lot. You can check those in commits
    • Any other suggestion is welcome as well.
    • Had faced challenge with placing multiple background images, but could solve it after lots of proper googling and reading answers patiently
  • Desktop design screenshot for the 3-column preview card component coding challenge

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

    #accessibility
    • HTML
    • CSS
    0
    Submitted
    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

  • Desktop design screenshot for the Stats preview card component coding challenge

    Semantic HTML & plain CSS for responsive web design

    #accessibility
    • HTML
    • CSS
    0
    Submitted

    I had to struggle with responsive web design styling. It was not as straightforward, need to do lots of trial and error to get things working.

    Kindly suggest good practices wrt Responsive Web Design and any debugging techniques, tricks for faster development.

    Thanks in advance.

  • Desktop design screenshot for the Order summary component coding challenge

    Order Summary Component - HTML & CSS

    #accessibility
    • HTML
    • CSS
    0
    Submitted

    With 3rd project I'm feeling a bit more confident with CSS but still need to learn a lot more. Please review CSS mainly and let me know if any major areas of improvements ?

    Earlier I was doing lots of trial and error with CSS but with this project I could able to think ahead and style.

  • Desktop design screenshot for the NFT preview card component coding challenge

    Responsive NFT Preview Card Component - plain HTML, CSS

    #accessibility
    • HTML
    • CSS
    0
    Submitted
    • What did you find difficult while building the project?
    1. Ofcourse CSS part
    2. Need to do lots of trial and error, googling as well
    3. Not able to write CSS as easily / fluently like HTML
    • Which areas of your code are you unsure of ?
    1. Please review CSS & let me know if any areas of improvement or best practices or easier way to achieve similar results ?
    • Do you have any questions about best practices?
    1. After seeing design, I draw it on paper and against each of the elements draw rectangle around it. This is helping me a lot to style. As this will help with React as well.

    2. Also I've started adding loads of comments in CSS /* Write GOOD comments so that next developer ( killer psycopath who knows where you stay ) ... / / .... who is going to maintain this code; need NOT have to get back to you */

    3. Do you suggest any other good practices ? Or comments with above tips ?

  • Desktop design screenshot for the QR code component coding challenge

    QR Code Component - Responsive Web Design with HTML and CSS only

    • HTML
    • CSS
    4
    Submitted

    I've started my web developer journey with this 1st project, please review and let me know below

    1. Good practices wrt HTML - I've used semantic tags as much possible. Is this good enough for SEO and accessibility ?

    2. CSS improvements needed - I have always found CSS is difficult to master but I'm slow & steady with my efforts. Please review & let me know good practices, areas of improvement

Latest Comments

  • Solution screenshot
    • HTML
    • CSS

    Mobile first, CSS Grid, Stat Preview Card Component

    5
    Vikram Ingleshwar60 | Posted 6 days agocommented on Serhii's "Stats preview card component" solution

    @serhii-maliutin Yesterday I read a lot about BEM CSS; I'm going to use that going forward. I highly recommend you as well to start using the same.

    To Read:

    • http://getbem.com/introduction/
    • Google "CSS BEM"

    To Refer:

    • https://www.frontendmentor.io/solutions/stats-preview-card-component-postcss-ry7pkJvLq
    • https://www.frontendmentor.io/solutions/statspreviewcardcomponent-H1YSRb_Uc
    0
  • Solution screenshot
    • HTML
    • CSS

    Stats preview card component | PostCSS

    7
    Vikram Ingleshwar60 | Posted 8 days agocommented on Anna's "Stats preview card component" solution

    Thanks for sharing your project, it looks simply amazing.

    I've looked into the GH repo and have below doubts, please clarify

    1. What's the reference for this structure of css ? components directly and breaking down into individual components Usually all the styling is done in single file style.css

    Please clarify your philosophy behind this practice ?

    1. I didn't understand below in page.css &__main { &__footer {

    are inside .page class, how does that work ? Any reference please

    1. What's this particular naming convention ? page__main, card__container etc
    0
  • Solution screenshot
    • HTML
    • CSS

    Mobile first, CSS Grid, Stat Preview Card Component

    5
    Vikram Ingleshwar60 | Posted 8 days agocommented on Serhii's "Stats preview card component" solution

    Congratulations, your solutions looks perfect.

    I looked into the source code and have below doubts, please clarify

    1. Why did you use "grid" instead of "flexbox"

    2. Why did you choose "mobile first" approach while styling ?

    3. You could have taken care of SEO in index.html using more symantic tag

    4. Use VSCode plugin for formating

    0
  • Solution screenshot
    • HTML
    • CSS

    QR Code Component using Html and CSS Flexbox

    2
    Vikram Ingleshwar60 | Posted 21 days agocommented on Marius's "QR code component" solution

    Can you please clarify without using height property how did you make image size matching as per design ?

    I couldn't find height being set either for .qr-card or img

    ----- Adding below as short feedback / answer is not allowed here :)

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

    0