I recently had an interview for Angular and UI and let me tell you half of the time I couldn't answer the CSS questions. So here we go : 1. What is WCAG ? 2. What is the difference between reactive and adaptive designs? 3. What are fall back fonts? 4. Tell the difference between inline and inline block? 5. What are the break points in bootstrap. Tell their widths. 6. CSS animation properties 7. What is mobile first design? 8. How can I remove the margin in inline block elementa when kept under a div. 9. Code a carousel using jquery. 10. 1rem = ? Px 11. CSS preprocessors 12. What are the advantages of using scss over CSS? 13. Difference between container and container-fluid
All are good questions except number 5. Those widths should be given by the clients for which they need support. And those widths don't need to remember as they are available in any css documentations
Good list. Doesn't the answer for #10 depend on the font size set on the root element ()? Default is usually 16 (because of the browser's default setting), but the user can change this. This would be the answer I'd prefer to receive if I asked that question.
Better way of doing for question 1 to remove spaces is "add display: flex to the parent of those two inline boxes without altering any other css rules". Setting font-size to 0 to parent is not elegant which forces to set the font-size to the child elements. It could be simple in your example but real time use cases are so complex , not always easy to set font-size to child elements.
Thank you for this and more css interview series please. I was so focused on javascript/react interview questions, I was getting burned on css questions during actual developer interview.
I am very happy to see 9th option is cssbattle. Dev and as of today I global ranking is 53... And I have 12 codes which are not optimised yet... Target for me is to be at top 30... 😃
Tricky questions with excellent answers . It's awesome Can there be a video on how to make a responsive website using simple css attributes, It will be very helpful for us. Thanks a lot for these types of Awesome contents
Todd, Its like algorithm question for JavaScript, CSS Battle will help interviewer , understand how interviewee thinks and approaches a problem. Yes these designs are more like art.
@@Techsithtube But in the real world, the problem I face is different frontend mentor is more helpful than CSS battle. CSS battle is more of fun than useful
![40+ MOST COMMONLY Asked Questions [JS, CSS, HTML]](/img/n.gif)
I recently had an interview for Angular and UI and let me tell you half of the time I couldn't answer the CSS questions. So here we go :
1. What is WCAG ?
2. What is the difference between reactive and adaptive designs?
3. What are fall back fonts?
4. Tell the difference between inline and inline block?
5. What are the break points in bootstrap. Tell their widths.
6. CSS animation properties
7. What is mobile first design?
8. How can I remove the margin in inline block elementa when kept under a div.
9. Code a carousel using jquery.
10. 1rem = ? Px
11. CSS preprocessors
12. What are the advantages of using scss over CSS?
13. Difference between container and container-fluid
Interesting set of question. Thanks for sharing!
All are good questions except number 5. Those widths should be given by the clients for which they need support. And those widths don't need to remember as they are available in any css documentations
Good list.
Doesn't the answer for #10 depend on the font size set on the root element ()? Default is usually 16 (because of the browser's default setting), but the user can change this. This would be the answer I'd prefer to receive if I asked that question.
Thanks 👍
"What is the difference between reactive and adaptive designs?": do you mean responsive vs adaptive? Have never heard of reactive design.
Wow! what a coincidence. I just started with your previous 2 video series on CSS interview yesterday and now this. Amazing
That's awesome! Thanks for watching!
actually techsith tutorials helped me to get react js developer job,thanks a ton to techsith
Better way of doing for question 1 to remove spaces is "add display: flex to the parent of those two inline boxes without altering any other css rules". Setting font-size to 0 to parent is not elegant which forces to set the font-size to the child elements. It could be simple in your example but real time use cases are so complex , not always easy to set font-size to child elements.
Thank you for this and more css interview series please. I was so focused on javascript/react interview questions, I was getting burned on css questions during actual developer interview.
Thank you for such an awesome content , Most of us don't give importance to CSS, hence get rejected due to the same reason sometimes
Please can you make a video on Jest and react testing library ,also unit testing of application ..
Hi and Thank you for your great videos.
We can put the Float: left to sort out the space between two inline-block elements.
I am very happy to see 9th option is cssbattle. Dev and as of today I global ranking is 53... And I have 12 codes which are not optimised yet... Target for me is to be at top 30... 😃
Wow nice. Would you be interested in CSS Battle for one of my videos. ?
Excellent answers to these questions. Just found your channel recently and love your content. See you soon!
Welcome aboard! Thanks for watching!
Smiling presentation..cool 😀😀😀
I usually don't like much CSS, this will surely help me. Thanks :)
Glad to hear that! Thanks for watching!
This is an amazing video! Can you please tell what is the other CSS resource you mentioned after MDN?
Good cssbattle needed to check :)
CSSBattles are pretty cool. Do check it out.
your interview questions videos are awesome and very informative 👌👌🙏
Thanks a ton
Most of the questions were asked from here! Thanks a lot.
Tricky questions with excellent answers . It's awesome
Can there be a video on how to make a responsive website using simple css attributes, It will be very helpful for us.
Thanks a lot for these types of Awesome contents
Thanks for watching the video.
you are awesome man
Which will be the most used backend Hemil?
Thanks! Got a good insight of what should i prepare for!
Thank you so much for the video. Its very helpful Hemil.
Really like this interview questions its make my confidence up :)
Please make more css questions..increase the difficult and complexity level
Toushif, I am planning to build more such vidoes on CSS questions
A very informative video 👍... Could you please make video on realtime use cases of bootstrap or native CSS3 instead of css battle
please upload more frontend mock interview . please
Good content
How CSS battle is going to help in the real world? The real world is not an art right?
Todd, Its like algorithm question for JavaScript, CSS Battle will help interviewer , understand how interviewee thinks and approaches a problem. Yes these designs are more like art.
@@Techsithtube But in the real world, the problem I face is different frontend mentor is more helpful than CSS battle. CSS battle is more of fun than useful
AWESOME..TY!
thanks for the video.
Is there a developer who runs cross-browsing testing in 2021?
could you please explain me what is media query?
We can create responsive web page
Mobile responsive 🔥
@@anandu7532 Tnq how to use this there id any specific html tag we are using...sorry it may be silly query! kindly explain if possible
TY again
First
Thanks for the first comment!
Css tricks source
Css battle suck. Who do this in real projects ? I better use svg