Thank you for the very useful Bootstrap blocks! Beautiful by it’s minimalism and simplicity! Nice work!
Is there a reason to use inline svg? Would be possible to change it in external links in the future?
The first Hero block contains two errors! It spits out double <section> a normal one and a nested <section> container!? The display-3 class is causing problems on the mobile phone in portrait mode.
You are aware about the fact that you could use the responsive font system of Bootstrap 4?
Hi @AllMediaLab,
Thanks for the feedback! With regards to the RFS, Bootstrap 4 has that turned off by default. If you choose, it is easily turned on in Pinegrow.
Go to the “Page” menu and select "Customize & update Bootstrap Theme to converst your project to using SASS
In the Styles panel click the Stylesheets caret and select the “_variables.scss” file
I did not ask anything! I know how it works! It was a suggestion.
Tested all hero blocks and they all have the same problem you should have used “display-4” instead of
“display-3” to make it work OK on mobile phone in portrait mode, but they look wonderful!!!
We use the Free icomoon service app with a collection of purchased fonts and the free fonts that are available. You could consider implementing Icomoon or create your own icon app within Pinegrow. The advantage of the app is that you pick out the fonts you want and download them in a folder. Later when you want to add some more fonts you can use the JSON file that came with te last downloaded fonts and remembers the previous picked font set. With the use of inline svg your HTML becomes very unclear!
To edit color and shap(es) in a SVG (all webdesigners I work with and know) use Illustrator or I use Affinity Designer/Photo (that cost peanuts) and makes it much more easy to manipulate SVG’s then I put the SVG in a external file and tread it just like a image in the HTML. I think that’s the way to go. The inline stuff will make it much more difficult for beginners to understand (I don’t like it as well) the HTML when it’s cluttered with *SVG code and *inline CSS. It makes it also more difficult to manipulate the web page outside Pinegrow in a editor compare to plain CSS in a proper external file. (*It reminds me of years ago!)
And finally you have to take in account that when you add Interactions inline code to your web page together with inline SVG’s and icons too it becomes a HTML jungle/labyrint.