![]() ![]() Although it isn’t a bad method, it’s just not quite ideal. If you use this on a larger scale, it’s possible it can trip you up in the future. In the previous method I used font-size: 0, this isn’t great. Flexbox allows you to avoid that and keep things more managable. Which is fine, though it will take you so far before you need to adjust at another breakpoint. If it was a percentage through the inline-block method it would resize. This is useful if you want your logo to remain a specific size. Albeit I have put one in the flex property of the logo, this is used throughout all examples. Whereas in the inline-block method you had to. Paying attention to example two in the Codepen, you no longer need to set widths. However the couple of things I mention below make it worthwhile. Benefits over using inline-block methodĪdmittedly the benefits aren’t too obvious when looking, the behaviour is the same. The flex-basis property can be a percentage or pixel value if you for some reason need items to be of a specific width.ĭepending on which area you want to scroll, you can apply the styles to the header or navigation. This helps to avoid an unusually long string of text causing layout problems due to overflow. Styling horizontal scrollbars on
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |