<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[ngtan]]></title><description><![CDATA[loves exploring new things]]></description><link>https://ngtan.com</link><generator>GatsbyJS</generator><lastBuildDate>Mon, 20 Sep 2021 21:04:11 GMT</lastBuildDate><item><title><![CDATA[How to delete a local or remote branch in Git]]></title><description><![CDATA[Deletes a local branch Shorthand  Force a branch to be deleted even if it hasn’t been pushed or merged yet. Delete all branches but keeping…]]></description><link>https://ngtan.com/how-to-delete-local-or-remote-branch-in-git/</link><guid isPermaLink="false">https://ngtan.com/how-to-delete-local-or-remote-branch-in-git/</guid><pubDate>Thu, 11 Jun 2020 00:00:00 GMT</pubDate><content:encoded>&lt;h3&gt;Deletes a local branch&lt;/h3&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;sh&quot;&gt;&lt;pre class=&quot;language-sh&quot;&gt;&lt;code class=&quot;language-sh&quot;&gt;  git branch --delete &amp;lt;branch-name&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Shorthand &lt;/p&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;sh&quot;&gt;&lt;pre class=&quot;language-sh&quot;&gt;&lt;code class=&quot;language-sh&quot;&gt;  git branch -d &amp;lt;branch-name&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Force a branch to be deleted even if it hasn’t been pushed or merged yet.&lt;/p&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;sh&quot;&gt;&lt;pre class=&quot;language-sh&quot;&gt;&lt;code class=&quot;language-sh&quot;&gt;  git branch -D &amp;lt;branch-name&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Delete all branches but keeping others like “develop”, “master”&lt;/p&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;sh&quot;&gt;&lt;pre class=&quot;language-sh&quot;&gt;&lt;code class=&quot;language-sh&quot;&gt;  git branch | grep -v &amp;quot;develop&amp;quot; | grep -v &amp;quot;master&amp;quot; | xargs git branch -D&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h3&gt;Deletes a remote branch&lt;/h3&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;sh&quot;&gt;&lt;pre class=&quot;language-sh&quot;&gt;&lt;code class=&quot;language-sh&quot;&gt;  git push origin --delete &amp;lt;branch-name&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h3&gt;Conclusion&lt;/h3&gt;
&lt;p&gt;Have fun and stay tuned for the next post. Thanks for reading 😉&lt;/p&gt;</content:encoded></item><item><title><![CDATA[Singapore & Malaysia Journey]]></title><description><![CDATA[Trước giờ, mình chưa bao giờ viết về những chuyến đi của mình. Nhưng bạn bè quan tâm khá nhiều đến lịch trình, chi phí cũng như là kinh…]]></description><link>https://ngtan.com/singapore-malaysia-journey/</link><guid isPermaLink="false">https://ngtan.com/singapore-malaysia-journey/</guid><pubDate>Fri, 03 May 2019 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Trước giờ, mình chưa bao giờ viết về những chuyến đi của mình. Nhưng bạn bè quan tâm khá nhiều đến lịch trình, chi phí cũng như là kinh nghiệm nên mình quyết định thực hiện bài viết này. Bạn có thể tham khảo để tính toán và dự trù kinh phí cho chuyến đi của bạn.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;Thời gian: 11/04/2019 - 17/04/2019&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;h3&gt;Vé bay&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Jetstar / HCM → Singapore / 2 triệu&lt;/li&gt;
&lt;li&gt;Airasia / Sinapore → Malaysia / 2.4 triệu&lt;/li&gt;
&lt;li&gt;Airasia / Malaysia → HCM / 1.6 triệu&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;em&gt;Tổng chi phí bay: 6 triệu / 2 người&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Ngay từ đầu, mình chưa có dự định đi, nhưng trong một phút rãnh rỗi, mình có xem những ngày sẽ được nghỉ phép sắp tới thì vô tình thấy dịp mình đi có thể nghỉ dài ngày nên check thử vé bay cho chuyến đi này xem thế nào thì thấy giá khá là rẻ rồi, nên quyết định đặt vé đi luôn. Mình đặt trực tiếp với hãng bay luôn, không thông qua agency để đảm bảo mình quá trình di chuyển diễn ra suôn sẻ. Thời điểm mình đặt vé là khoảng đầu tháng 12/2018.&lt;/p&gt;
&lt;h3&gt;Khách sạn&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Sinapore / Agoda / Beds and dreams Inn @ Clarke Quay / 2.6 triệu / 2 đêm&lt;/li&gt;
&lt;li&gt;Malaysia / Booking / The Meisui Hotel / 1.6 triệu / 2 đêm&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color:orange&quot;&gt;Malaysia / Booking / The Meisui Hotel / 700K / 1 đêm **&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color:red&quot;&gt;Malaysia / Agoda / Wan Alyasa / 600K / 1 đêm **&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Malaysia / Airbnb / The Face Suites - Maxhome Guesthouse / 1.1 triệu / 1 đêm&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Mình đặt khách sạn thông qua các angencies (Airbnb, Agoda, Booking). Tại thời điểm mình đặt thì các khách sạn này hầu như đều được review trên 8.0/10, feedback rất tốt và đều ở gần MRT hoặc gần những điểm mình đến chơi và tham quan nên rất dễ dàng cho việc di chuyển.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Singapore&lt;/strong&gt;, nơi mình ở không phải là khách sạn, chỉ là một hostel nên cơ sở vật chất không có gì ngoài chiếc giường ngủ (đầy đủ chăn gối) nhưng không kém phần yên tĩnh, sạch sẽ, an toàn và có bao gồm buổi ăn sáng nhẹ như bánh mì ốp la, … Có nhà vệ sinh, nhà tắm với đầy đủ nước nóng lạnh. Khu mình ở cách Chinatown khoảng 5 phút đi bộ, đi ngang qua là một trung tâm mua sắm Chinatown Point. Khu này thì tha hồ ăn uống, chụp hình sống ảo về đêm.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Malaysia&lt;/strong&gt;, dự định ban đầu của mình sẽ đi Cameron Highlands sau 2 đêm ở khách sạn &lt;em&gt;The Meisui Hotel&lt;/em&gt;, nhưng vì lí do sức khoẻ nên mình phải huỷ và ở lại đây thêm một đêm nữa. &lt;span style=&quot;color:orange&quot;&gt;Đó là lí do vì sao mình tô màu 2 khách sạn ở trên.&lt;/span&gt; The Meisui Hotel đầy đủ tiện nghi, phòng thông thoáng, sạch sẽ và các bạn tiếp tân, nhân viên dọn phòng và một bạn ở sảnh mở cửa, xách hành lý, đón khách cực kì dễ thương và dễ mến luôn. &lt;strong&gt;&lt;em&gt;Chú ý nhẹ là khi du lịch ở Malaysia bạn phải trả 6% thuế dịch vụ trong hầu hết các quán ăn và khách sạn. Khách sạn ở đây sẽ bắt buộc bạn gửi tiền thuế chân, bao nhiêu thì tuỳ vào nơi bạn ở. Nơi mình ở là 100MYR.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Có thể bạn chưa biết hoặc biết rồi, khách sạn ở Singapore và Malaysia chỉ tạm thời mượn passport của bạn tại thời điểm checkin để photo thông tin của bạn, làm thủ tục lưu trú và trả lại bạn ngay lập tức. Họ sẽ không giữ bản gốc của bạn. Không giống như các khách sạn ở Việt Nam, họ sẽ yêu cầu giữ chứng minh thư của bạn mặc dù đó là khách sạn chuyên nghiệp. Theo mình được biết thì việc giữ giấy tờ tuỳ thân của người khác là không được phép, vì không biết trong thời gian bạn lưu trú họ sẽ sử dụng chứng minh thư của bạn cho mục đích gì khác.&lt;/p&gt;
&lt;h3&gt;Đổi tiền&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;200 USD&lt;/li&gt;
&lt;li&gt;400 SGD&lt;/li&gt;
&lt;li&gt;1000 MYR&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;em&gt;Tại thời điểm mình đổi thì tổng tiền khoảng 17 triệu.&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;Vé vào cổng tham quan / vui chơi&lt;/h3&gt;
&lt;dl&gt;
  &lt;dt&gt;Gardens by the Bay / Flower Dome / Cloud Forest&lt;/dt&gt;
  &lt;dd&gt;788K / 2 người&lt;/dd&gt;
  &lt;dt&gt;Universal Studios / S.E.A Aquarium&lt;/dt&gt;
  &lt;dd&gt;3.110K / 2 người&lt;/dd&gt;
&lt;/dl&gt;
&lt;p&gt;&lt;em&gt;Các vé này mình mua và phải thanh toán trước ở Việt Nam thông qua dịch vụ của DIVUI.&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;Chuẩn bị cho chuyến đi&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Passport&lt;/li&gt;
&lt;li&gt;EZ-Link / 344K / 2 thẻ — DIVUI&lt;/li&gt;
&lt;li&gt;SIM 4G Singapore / 193K / 1 SIM — DIVUI&lt;/li&gt;
&lt;li&gt;SIM 4G Malaysia / 157K / 1 SIM — DIVUI&lt;/li&gt;
&lt;li&gt;Đầu chuyển 3 chấu sang 2 chấu&lt;/li&gt;
&lt;li&gt;Thuốc cảm, nhức đầu, say tàu xe / Bình nước / Bút bi&lt;/li&gt;
&lt;li&gt;Dù / Áo mưa giấy / Quần áo bơi / Bàn chải đánh răng / Kem đánh răng&lt;/li&gt;
&lt;li&gt;Dầu gội / Sữa tắm&lt;/li&gt;
&lt;li&gt;Kem chống nắng / Quạt mini cầm tay&lt;/li&gt;
&lt;li&gt;Sạc điện thoại / Pin dự phòng / Máy ảnh&lt;/li&gt;
&lt;li&gt;Mắt kính mát / Nước hoa&lt;/li&gt;
&lt;li&gt;Singapore MRT/LRT System Map — &lt;a href=&quot;https://www.transitlink.com.sg/images/eguide/mrt_sys_map_3.jpg&quot; target=&quot;_blank&quot;&gt;Click để tải&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;Ăn uống&lt;/h3&gt;
&lt;h3&gt;Lịch trình&lt;/h3&gt;
&lt;h3&gt;Kinh nghiệm&lt;/h3&gt;
&lt;h3&gt;Cảm nghĩ&lt;/h3&gt;</content:encoded></item><item><title><![CDATA[Sublime Text Packages For Front-end Developers]]></title><description><![CDATA[Two days ago, I didn’t know why I can’t login to my computer, even though it still worked before. I tried several different ways to access…]]></description><link>https://ngtan.com/sublime-text-packages-for-frontend-developers/</link><guid isPermaLink="false">https://ngtan.com/sublime-text-packages-for-frontend-developers/</guid><pubDate>Sun, 28 Apr 2019 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Two days ago, I didn’t know why I can’t login to my computer, even though it still worked before. I tried several different ways to access but it didn’t work. Eventually, I installed a new macOS.&lt;/p&gt;
&lt;p&gt;As you already known, we had to install variety of things for working. I’m really keen on Sublime Text IDE. Thereforce, I noted installed sublime text packages and IDE settings in case of occurring the same problem.&lt;/p&gt;
&lt;h3&gt;Installed packages&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/AutoFileName&quot;&gt;AutoFileName&lt;/a&gt;
Sublime Text plugin that autocompletes filenames&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/Babel&quot;&gt;Babel&lt;/a&gt;
Syntax definitions for ES6 JavaScript with React JSX extensions&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/BracketHighlighter&quot;&gt;Bracket​Highlighter&lt;/a&gt;
Bracket and tag highlighter for Sublime Text&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/Color%20Highlighter&quot;&gt;Color Highlighter&lt;/a&gt;
A plugin for the Sublime text 2 and 3, which underlays selected hexadecimal colorcodes with their real color. Also, plugin adds color picker to easily modify colors.&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/DocBlockr&quot;&gt;DocBlockr&lt;/a&gt;
Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Actionscript, C &amp;#x26; C++&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/EditorConfig&quot;&gt;EditorConfig&lt;/a&gt;
Helps developers maintain consistent coding styles between different editors&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/Emmet&quot;&gt;Emmet&lt;/a&gt;
Emmet for Sublime Text&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/Git&quot;&gt;Git&lt;/a&gt;
Plugin for some git integration into sublime text&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/GitGutter&quot;&gt;Git​Gutter&lt;/a&gt;
A Sublime Text 2/3 plugin to see git diff in gutter&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify&quot;&gt;HTML-CSS-JS Prettify&lt;/a&gt;
HTML, CSS, JavaScript, JSON, React/JSX and Vue code formatter for Sublime Text 2 and 3 via node.js&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets&quot;&gt;Java​Script &amp;#x26; Node​JS Snippets&lt;/a&gt;
JavaScript &amp;#x26; NodeJS Snippets for Sublime Text 2/3&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/Placeholders&quot;&gt;Placeholders&lt;/a&gt;
Placeholder HTML &amp;#x26; content (lorem ipsum) package for Sublime Text&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/Pug&quot;&gt;Pug&lt;/a&gt;
A comprehensive textmate / sublime text bundle for the Pug (formerly Jade) template language&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/SCSS&quot;&gt;SCSS&lt;/a&gt;
The TextMate SCSS Official Bundle. Now Compatible with SublimeText2.&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/SublimeCodeIntel&quot;&gt;Sublime​Code​Intel&lt;/a&gt;
Full-featured code intelligence and smart autocomplete engine&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://packagecontrol.io/packages/Terminus&quot;&gt;Terminus&lt;/a&gt;
Best Terminal Emulator of Sublime Text&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;IDE settings&lt;/h3&gt;
&lt;p&gt;Preferences → Settings&lt;/p&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;json&quot;&gt;&lt;pre class=&quot;language-json&quot;&gt;&lt;code class=&quot;language-json&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;tab_size&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;translate_tabs_to_spaces&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token boolean&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;trim_trailing_white_space_on_save&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token boolean&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;ensure_newline_at_eof_on_save&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token boolean&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;word_wrap&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token boolean&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;highlight_line&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token boolean&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;folder_exclude_patterns&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;
    &lt;span class=&quot;token string&quot;&gt;&quot;.svn&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token string&quot;&gt;&quot;.git&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token string&quot;&gt;&quot;.hg&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token string&quot;&gt;&quot;CVS&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token string&quot;&gt;&quot;node_modules&quot;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;font_size&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;11&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;ignored_packages&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;
    &lt;span class=&quot;token string&quot;&gt;&quot;Markdown&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token string&quot;&gt;&quot;Vintage&quot;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h3&gt;&lt;/h3&gt;
&lt;p&gt;&lt;em&gt;Installed packages are being updated.&lt;/em&gt;&lt;/p&gt;</content:encoded></item><item><title><![CDATA[How to remove the whitespace between inline-block elements]]></title><description><![CDATA[I was struggling with this issue when stepping in front-end development career and of course, I also looked for a solution on Google. I…]]></description><link>https://ngtan.com/how-to-remove-the-whitespace-between-inline-block-elements/</link><guid isPermaLink="false">https://ngtan.com/how-to-remove-the-whitespace-between-inline-block-elements/</guid><pubDate>Mon, 22 Apr 2019 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;I was struggling with this issue when stepping in front-end development career and of course, I also looked for a solution on Google. I finally figured out variety of methods to solve this one. Let’s get started to remove the whitespace with an example below.&lt;/p&gt;
&lt;p&gt;So, here we go:&lt;/p&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;html&quot;&gt;&lt;pre class=&quot;language-html&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;nav&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;navigation&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;navigation-item&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Overview&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    Overview
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;navigation-item&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Repositories&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    Repositories
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;navigation-item&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Stars&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    Stars
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;navigation-item&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Followers&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    Followers
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;navigation-item&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Following&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    Following
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;nav&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;css&quot;&gt;&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;text-decoration&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; none&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token selector&quot;&gt;.navigation&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token comment&quot;&gt;/* code here */&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token selector&quot;&gt;.navigation-item&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;display&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; inline-block&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; lightblue&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;padding&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 10px&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

  &lt;span class=&quot;token comment&quot;&gt;/* code here */&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Original result:&lt;/em&gt;
&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 437px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/dd6ce190a22429e8b603516f304ab27a/5a428/original-result.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 12.162162162162163%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAYAAABYBvyLAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAiElEQVQI1y2KsQqCQABA/f/dIipoaWxoiZrKw6OIQGkIREvj7lCpU8EPeKk5PR7vOdGn5fj8IlKLfFuCvOE0es+bqbmqanjCosHPLN7r38Oixk97t0OPbYsju2EmFcuzYR0YdlHJxNMspGEqNNtHzuae43qKQ1KyuhjmUne/Zh8XoxtcoZBZxQ+IFYqDC1gdWQAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;original result&quot;
        title=&quot;original result&quot;
        src=&quot;/static/dd6ce190a22429e8b603516f304ab27a/5a428/original-result.png&quot;
        srcset=&quot;/static/dd6ce190a22429e8b603516f304ab27a/12f09/original-result.png 148w,
/static/dd6ce190a22429e8b603516f304ab27a/e4a3f/original-result.png 295w,
/static/dd6ce190a22429e8b603516f304ab27a/5a428/original-result.png 437w&quot;
        sizes=&quot;(max-width: 437px) 100vw, 437px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;font-size&lt;/h3&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;css&quot;&gt;&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;.navigation&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;font-size&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 0&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token selector&quot;&gt;.navigation-item&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token comment&quot;&gt;/* ... */&lt;/span&gt;

  &lt;span class=&quot;token property&quot;&gt;font-size&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 16px
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Fixed result:&lt;/em&gt;
&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 401px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 12.162162162162163%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAYAAABYBvyLAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAiElEQVQI1yWLSwrCQBAFc/+l+BdEEfQGYz5K1KAIBkEFSdS4SW9mEMQTlD1k0bxX9eggly+msCRPR/JyxJrLwhE9HKHmqmpcWDrWb4e5N907v3mOlE1pudkfQayP3axmdBDGR2F2Ftqp0N8JnY0wzYXJSbu6xVV9JvR0G+6F+aXhgV4rrdlWH/6L64fDmcCnKwAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;fixed result&quot;
        title=&quot;fixed result&quot;
        src=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
        srcset=&quot;/static/6975b31fa8ae9192b068db526aa867fa/12f09/fixed-result.png 148w,
/static/6975b31fa8ae9192b068db526aa867fa/e4a3f/fixed-result.png 295w,
/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png 401w&quot;
        sizes=&quot;(max-width: 401px) 100vw, 401px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;It’s not such a good idea to solve the problem by using &lt;code class=&quot;language-text&quot;&gt;font-size&lt;/code&gt; cause it doesn’t work on 100% browsers.&lt;/p&gt;
&lt;h3&gt;letter-spacing&lt;/h3&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;css&quot;&gt;&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;.navigation&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;letter-spacing&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; -4px&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token selector&quot;&gt;.navigation-item&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token comment&quot;&gt;/* ... */&lt;/span&gt;

  &lt;span class=&quot;token property&quot;&gt;letter-spacing&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; normal&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Fixed result:&lt;/em&gt;
&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 401px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 12.162162162162163%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAYAAABYBvyLAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAiElEQVQI1yWLSwrCQBAFc/+l+BdEEfQGYz5K1KAIBkEFSdS4SW9mEMQTlD1k0bxX9eggly+msCRPR/JyxJrLwhE9HKHmqmpcWDrWb4e5N907v3mOlE1pudkfQayP3axmdBDGR2F2Ftqp0N8JnY0wzYXJSbu6xVV9JvR0G+6F+aXhgV4rrdlWH/6L64fDmcCnKwAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;fixed result&quot;
        title=&quot;fixed result&quot;
        src=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
        srcset=&quot;/static/6975b31fa8ae9192b068db526aa867fa/12f09/fixed-result.png 148w,
/static/6975b31fa8ae9192b068db526aa867fa/e4a3f/fixed-result.png 295w,
/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png 401w&quot;
        sizes=&quot;(max-width: 401px) 100vw, 401px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;margin-right&lt;/h3&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;css&quot;&gt;&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;.navigation&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token selector&quot;&gt;.navigation-item&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token comment&quot;&gt;/* ... */&lt;/span&gt;

  &lt;span class=&quot;token property&quot;&gt;margin-right&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; -4px&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Fixed result:&lt;/em&gt;
&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 401px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 12.162162162162163%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAYAAABYBvyLAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAiElEQVQI1yWLSwrCQBAFc/+l+BdEEfQGYz5K1KAIBkEFSdS4SW9mEMQTlD1k0bxX9eggly+msCRPR/JyxJrLwhE9HKHmqmpcWDrWb4e5N907v3mOlE1pudkfQayP3axmdBDGR2F2Ftqp0N8JnY0wzYXJSbu6xVV9JvR0G+6F+aXhgV4rrdlWH/6L64fDmcCnKwAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;fixed result&quot;
        title=&quot;fixed result&quot;
        src=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
        srcset=&quot;/static/6975b31fa8ae9192b068db526aa867fa/12f09/fixed-result.png 148w,
/static/6975b31fa8ae9192b068db526aa867fa/e4a3f/fixed-result.png 295w,
/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png 401w&quot;
        sizes=&quot;(max-width: 401px) 100vw, 401px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;word-spacing&lt;/h3&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;css&quot;&gt;&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;.navigation&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;word-spacing&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; -1ch&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token selector&quot;&gt;.navigation-item&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token comment&quot;&gt;/* ... */&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Fixed result:&lt;/em&gt;
&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 401px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 12.162162162162163%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAYAAABYBvyLAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAiElEQVQI1yWLSwrCQBAFc/+l+BdEEfQGYz5K1KAIBkEFSdS4SW9mEMQTlD1k0bxX9eggly+msCRPR/JyxJrLwhE9HKHmqmpcWDrWb4e5N907v3mOlE1pudkfQayP3axmdBDGR2F2Ftqp0N8JnY0wzYXJSbu6xVV9JvR0G+6F+aXhgV4rrdlWH/6L64fDmcCnKwAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;fixed result&quot;
        title=&quot;fixed result&quot;
        src=&quot;/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png&quot;
        srcset=&quot;/static/6975b31fa8ae9192b068db526aa867fa/12f09/fixed-result.png 148w,
/static/6975b31fa8ae9192b068db526aa867fa/e4a3f/fixed-result.png 295w,
/static/6975b31fa8ae9192b068db526aa867fa/9144d/fixed-result.png 401w&quot;
        sizes=&quot;(max-width: 401px) 100vw, 401px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;code class=&quot;language-text&quot;&gt;word-spacing: -1ch&lt;/code&gt; works for fonts which have characters is &lt;code class=&quot;language-text&quot;&gt;1ch&lt;/code&gt; wide and works in Firefox 10+, Chrome 27+, almost works in IE9+.&lt;/p&gt;
&lt;h3&gt;Conclusion&lt;/h3&gt;
&lt;p&gt;We have lots of tricks to remove the whitespace between &lt;code class=&quot;language-text&quot;&gt;inline-block&lt;/code&gt; elements, but I only stay focused to solve it by using CSS. In additional, as you probably known, we also have several other methods to alternate instead of using &lt;code class=&quot;language-text&quot;&gt;display: inline-block&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Stay tuned for the next post. Thanks for reading :)&lt;/p&gt;</content:encoded></item><item><title><![CDATA[How to start or stop Jenkins on macOS]]></title><description><![CDATA[In the past, I was looking for a way start or stop Jenkins service on my machine. I finally figured out a method to unstuck the issue. Open…]]></description><link>https://ngtan.com/how-to-start-or-stop-jenkins-on-macos/</link><guid isPermaLink="false">https://ngtan.com/how-to-start-or-stop-jenkins-on-macos/</guid><pubDate>Mon, 09 Oct 2017 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;In the past, I was looking for a way start or stop Jenkins service on my machine. I finally figured out a method to unstuck the issue.&lt;/p&gt;
&lt;p&gt;Open a terminal session and run the following commands to start or stop Jenkins service.&lt;/p&gt;
&lt;h4&gt;Start Jenkins service&lt;/h4&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;bash&quot;&gt;&lt;pre class=&quot;language-bash&quot;&gt;&lt;code class=&quot;language-bash&quot;&gt;  &lt;span class=&quot;token function&quot;&gt;sudo&lt;/span&gt; launchctl load /Library/LaunchDaemons/org.jenkins-ci.plist&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h4&gt;Stop Jenkins service&lt;/h4&gt;
&lt;div class=&quot;gatsby-highlight&quot; data-language=&quot;bash&quot;&gt;&lt;pre class=&quot;language-bash&quot;&gt;&lt;code class=&quot;language-bash&quot;&gt;  &lt;span class=&quot;token function&quot;&gt;sudo&lt;/span&gt; launchctl unload /Library/LaunchDaemons/org.jenkins-ci.plist&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Hopefully, it’s useful.&lt;/p&gt;</content:encoded></item></channel></rss>