Skip to content

Instantly share code, notes, and snippets.

@thaycacac
Last active July 18, 2019 04:58
Show Gist options
  • Save thaycacac/7aff0fae4eb7d1c7aea92c66fb1aa8c1 to your computer and use it in GitHub Desktop.
Save thaycacac/7aff0fae4eb7d1c7aea92c66fb1aa8c1 to your computer and use it in GitHub Desktop.
Note
  • Responsive sẽ ẩn đi khi vượt quá số dùng
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  • Flex để center
  display: flex;
  align-items: center;
  justify-content: center;

Jekyll

brew install gem
sudo chown -R $USER /Library/Ruby/Gems/
gem install jekyll bundler
bundle install
bundle exec jekyll serve

Responsive

// Large devices
background: red;

// Extra small devices
@media (max-width: 575.98px) {
  background: green;
}

// Small devices
@media (min-width: 576px) and (max-width: 767.98px) {
  background: blue;
}

// Medium devices
@media (min-width: 768px) and (max-width: 991.98px) {
  background: yellow;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment