holly bourneville – Medium

holly bourneville

holly bourneville

Make side by side divs the same height and evenly distributing the space using CSS Flex box

I’m sure you will come across this situations many times in your coding journey where you have divs next to each other that need to be the…

1 min readJul 21, 2023

--

Make side by side divs the same height and evenly distributing the space using CSS Flex box

--

holly bourneville

How to access a string “key” in Vue that includes hyphens, spaces or other special characters

Usually in Vue, you would use the dot . notation to access a normal key, but when you have a key that has spaces or special characters you…

2 min readJul 11, 2023

--

How to access a string “key” in Vue that includes hyphens, spaces or other special characters

--

holly bourneville

How You Can Device Test Iphones and Apple Devices For Free Using Xcode

Firstly make sure you download Xcode onto your computer , i think its only available for download on Mac, sorry windows users!

2 min readMay 25, 2023

--

How You Can Device Test Iphones and Apple Devices For Free Using Xcode

--

holly bourneville

6 Ways To Become A More Efficient Web Developer Using ChatGPT

As a web developer I used ChatGPT every day it’s such an amazing resource.

2 min readMay 17, 2023

--

6 Ways To Become A More Efficient Web Developer Using ChatGPT

--

holly bourneville

Using SASS to Select All Elements Except the First

If you are a web developer there would be many times that you need to apply styles for all elements but the first. One place that instantly…

2 min readMay 17, 2023

--

Using SASS to Select All Elements Except the First

--

holly bourneville

How To Quickly Remove The Background Of An Image Using Only Your iphone

This is such a quick and easy way to remove the background from a photo using only your iphone! No apps needed!

2 min readMay 15, 2023

--

How To Quickly Remove The Background Of An Image Using Only Your iphone

--

holly bourneville

Bootstrap @mixin make-col($size, $columns: $grid-columns) Explained!

This article does require a basic understanding of Bootstrap Grids and is only to explain the @mixin make-col and the variables contained…

2 min readFeb 20, 2023

--

Bootstrap @mixin make-col($size, $columns: $grid-columns) Explained!

--

holly bourneville

Styling a Child Element Based on the Class of a Parent Element in SASS/SCSS

Have you ever needed to style a child element only if the parent element has a specific class?

1 min readFeb 16, 2023

--

Styling a Child Element Based on the Class of a Parent Element in SASS/SCSS

--

holly bourneville

How to conditionally bind ONE class to an element in VUE

I had a hard time trying to find the answer to this on stack overflow so I thought I would write a quick little article in case any one…

1 min readFeb 16, 2023

--

How to conditionally bind ONE class to an element in VUE

--

holly bourneville

Coding a Simple Textarea Character Counter With Vue

Using vue to code a text area character counter is easy! in a few simple steps you can have one up and working.

2 min readMar 23, 2022

--

2

Coding a Simple Textarea Character Counter With Vue

--

2

holly bourneville

holly bourneville

Hi Im Holly! I’m from New Zealand. I’m in my first job as a Front End Web Developer and want to share my learnings and thoughts along the way!

Following

Help
Status
About
Careers
Blog
Privacy
Terms
Text to speech
Teams