Skip to content

Instantly share code, notes, and snippets.

@ArekJanik
Last active August 22, 2019 08:14
  • Star 1 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
Star You must be signed in to star a gist
Embed
What would you like to do?
CSS Junior I example questions

HTML

  • what is the difference between <div>, <span> and <p>
  • what is <input> and what types it can have
  • how to work with BEM
  • do all HTML tags have closing tags
  • how to link to the section within the same page
  • write a table with 3 columns and 2 rows
  • how many <h> elements are in html
  • types of lists in HTML
  • <b> vs <strong>
  • inline vs inline-block
  • what happens when you nest <a> inside another <a>

CSS

  • tell me about box model
  • what are magic numbers?
  • what CSS stand for and what it means
  • name basic selectors
  • how to center vertically / horizontally
  • how to center a modal?
  • how to add same rules to multiple selectors at once
  • when to use floats
  • which CSS properties are inheritable
  • em and rem difference
  • how to override inline styles
  • what units do we have in CSS?
  • how to check element's default styles?
  • what is required for top: 10px to work?
  • positioning types and their differences
  • is setting background: red a good practise?
  • what is specificity and how it's calculated?

Flexbox

  • what flex: 1 1 50% means?
  • flexbox vs floats
  • default value of flex parameter, what it means and when it’s added
  • how to set width to elements with display: flex on parent

SASS

  • what is SASS
  • what are SASS variables
  • SASS vs SCSS
  • what does the & do in SASS?
  • placeholder vs mixin
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment