People use columns mostly for responsiveness. Your desktop mocks can have 12 columns across, and your mobile would be like 6 columns across. A box that takes up 3 columns on desktop could take up something like all 6 columns on mobile. But really in a lot of modern websites i dont find the need to make everything fit into a grid of columns. Developers can easily make a row of 6 boxes span a page, or 4, or 5 etc. Like with these columns, you would not be able to have 5 equal sized boxes span the full width because they wont line up nicely with columns.
💎 Download the Source File: www.pierluigigiglio.com/freebies/portfolio-website-in-figma
awesome! 🔥
Thank you, glad you enjoyed it!
thanks brother
Good stuff! I'm curious, as someone new to UX, why do you add the columns to the template? Is that to help you visually align all the elements?
People use columns mostly for responsiveness. Your desktop mocks can have 12 columns across, and your mobile would be like 6 columns across. A box that takes up 3 columns on desktop could take up something like all 6 columns on mobile. But really in a lot of modern websites i dont find the need to make everything fit into a grid of columns. Developers can easily make a row of 6 boxes span a page, or 4, or 5 etc. Like with these columns, you would not be able to have 5 equal sized boxes span the full width because they wont line up nicely with columns.
Yes
Do you code everything you desing? How is the most effectively way after you design is ready to put is production?
I barely do any coding these days.. some Webflow though, occasionally
What app are you using to drag and drop your Nucleo icons from?
it's Nucleo's official app (it's available for free on their site)
Can you make this compatible with mobile devices/tablets?
Is this an example of what the website will look like? Or can you somehow implement it with HTML and CSS?
I couldn't find the Figma file plugin man.
I know this is just an example but I"m not clear on the Portfolio section. I assume that you click on Portfolio to bring up other projects, right?
Where do we find the brain? I don't see it in the UI kit...
do you export it and show it as an image or share the figma link? did you have any feedback on this? great video brooooooooooooooooooooooooo
Both, but usually it's just sharing the link - it depends on the client / needs 🙂
So can you put on Behance or dribble and share the link?
ah i see you come from the future aswell...
haha, in what sense 🙂 ?
@@PierluigiGiglio the 2021 part...
@@weshuiz1325 it will be correct in just about two months.. always stay ahead ha ;)