Bella also discusses her world-record-breaking rowing endeavours, and I found it fascinating hearing how she links the skills and mindset that she cultivated when rowing for weeks on end across oceans in often extremely challenging conditions, back to the workplace. It’s why we take care in everything we do, from the way we run our business to the way our product is made.” Although ‘packaging’ may not seem like a topic that’s likely to hold your attention, definitely tune in for this conversation – Bella not only shares how Flexi-Hex are making a positive impact for people (worth noting that they’ve recently become a B Corp), but there are also lots of useful take-aways for anyone involved with setting up a business that values human and environmental resources alongside the bottom line.
By creating a paper product that’s recyclable, biodegradable and natural, they’re removing unnecessary plastic from the ocean, and as a company they state “Our love of the sea runs deep through our team. Fast forward four years and Flexi-Hex is a small but fast-growing business that has developed a range of beautifully designed packaging products made from paper, using their unique concertina-like glove that fits snuggly around fragile items from bottles to electronics, cosmetics, surf boards and more. They created the first Flexi-Hex product – a surfboard sleeve that fits like a wetsuit, uses zero plastic, and protects both their boards and the planet. Flexi-Hex evolved when founders Will and Sam Boex – who are both surfers - were looking for a way to transport their boards without using plastic, or running the risk of damage. Bella heads up a company called Flexi-Hex, which is an industry leader in sustainable packaging based in Porthleven in West Cornwall. Let’s start by telling the browser that we want to lay out the elements in the navigation bar with Flexbox by setting the display property of the container element to flex.For Episode 16 I welcome Bella Collins to the breakfast table.
But we can also use Flexbox to achieve the exact same result with minimal effort as you’ll see in the paragraphs below. On the freeCodeCamp website, the navigation bar is built using floats. The markup is simple enough there’s an img tag for the logo and an unordered list containing the navigation links.
#CANNOT COPY AND PASTE TEXT INTO FLEXI CODE#
You can fork the code to a new fiddle or copy and paste it to your local code editor if you prefer. This time, we will recreate the navigation bar that is found on freeCodeCamp.Īs usual, I have added the basic HTML and CSS for the project to JSFiddle. This tutorial will take you through building another real-world component with Flexbox. In the previous article, I introduced the Flexbox layout model and demonstrated how it can be used to build a photo card component, which is identical to the one found on the Unsplash homepage.
#CANNOT COPY AND PASTE TEXT INTO FLEXI HOW TO#
0 kommentar(er)
