- 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;
}