Explore your training options in 10 minutes

X

Back







Christina Kopecky

Technical Writer

Christina is an experienced technical writer, covering topics as diverse as Java, SQL, Python, and web development. She earned her Master of Music in flute performance from the University of Kansas and a bachelor's degree in music with minors in French and mass communication from Southeast Missouri State. Prior to joining the Career Karma team in June 2020, Christina was a teaching assistant, team lead, and section lead at Lambda School, where she led student groups, performed code and project reviews, and debugged problems for students. Christina's technical content is featured frequently in publications like Codecademy, Repl.it, and Educative.

HTML Image Size
The HTML image size refers to the height and width of an image. They are listed as HTML attributes on the <img> element. Here’s how to set them. Syntax The syntax for setting the width and height attributes of an…
Using Semantic HTML in Projects: A Primer
One of the things we have to consider as developers is how to make our sites accessible to those who need screen readers to consume a website. HTML assists in that endeavor by providing the use of semantic elements in…
CSS Variables
As a developer, the languages I have encountered so far have had a system of pointing to something in memory and giving it a name so that I could reference it later. As a student, you may have encountered this…
HTML Symbols: Using HTML Character Entities
When we are writing text into our HTML page, we need to use characters that are not necessarily readily available to us on our keyboards or that are reserved characters that have special meaning in HTML. These are called entities.…
CSS Specificity
The CSS Specificity concept is not only a little bit of a tongue twister (try to say it three times fast!), but it can also be a bit of a mind bender too! It’s one of the more difficult concepts…
HTML Indent
The HTML inline-styling property, known as the text-indent property, indents each paragraph of text just as you would indent the first line of a paragraph when writing a paper.  The code editor shows how to create text-indent in pixels (px): …
What are Headers?
What are Headers in HTML? The header element is a semantic element that was introduced in HTML5. It serves two primary purposes: as a page header and as a section header. In this article, we will cover page headers and…
JavaScript Reverse String Code Challenge
One of the first code/algorithm challenges that we set out to solve as budding software engineers and web developers is to see if we can figure out how to reverse a string. Remember that a string is just a collection…
How to Create and Style Horizontal Lines in HTML
Sometimes when creating the flow of your web page, you’ll want to find some way to section your content off into visually distinct parts. In this article, we’ll learn about the horizontal rule in HTML and how to put it…
Creating Tabs in CSS Without Using JavaScript
CSS Tabs are really great at displaying associated information in one easy-to-navigate place. They essentially look like tabbed dividers that you would see in a recipe box or a binder. Here are some examples of websites using tabbed navigation:   Southwest…
When and How to Use the CSS Clearfix Hack
As coders and programmers in the generation of CSS Flexbox and CSS Grid, we don’t often consider CSS Clearfix. CSS Flexbox and Grid solve the position of elements a little better (and a little easier!) than using floats.  Nevertheless, we…
HTML Background Color
CSS can be intimidating even for seasoned developers—there are so many options! But in this article, we’ll discuss how to change the background color in your HTML document without creating a separate cascading style sheet. When using HTML5, you can…
CSS !important Rule: When to Use it
The !important rule is used to override the styling of a webpage. In all honesty, there are more instances of why you shouldn’t use the !important rule vs why you should. Let’s discuss how it’s used and then why it…
CSS Padding vs Margin: How to Tell the Difference
When I first started learning how to write markup using HTML and CSS, it took some time to actually wrap my mind around the differences between margin and padding in the box model. In this article, I will share how…
How to Create a Basic CSS Overlay
An overlay is an effect used on a website to steer users in the right direction of the next action they must take. Correct usage has the ability to create a positive user experience, which will keep users on your…
Create Line Breaks Without Having to Use br in HTML
A line break can be added to HTML elements without having to utilize a break return <br> by using pseudo-elements. Pseudo-elements are used to style a specific part of an element. Here we will use ::after to style an HTML…
How to Use Text-Indent in CSS
The CSS indent property, known as the text-indent property, appears similar to a standard indent on the first line of every paragraph in an essay or paper you may have written in school; it indents the first line of every…
CSS Cropped Images
There are several ways to crop an image in CSS; however, the simplest and most effective of these are: Using object-fit: When using object-fit: cover, we can easily crop the image and still maintain the picture’s aspect ratio.  You can…
CSS Font-Kerning, Letter-Spacing and Word-Spacing Property
When learning CSS basics, we tend to focus on the box model, how to position components on the page, and the design system elements, like font-family and font sizes. If we dive even deeper into how the font looks on…
How to Use CSS to Hide Scrollbars
Scrollbars and User Experience Users are now accustomed to a certain experience when navigation websites. For example, you would expect the logo of a business in the upper left corner of a site to take you to the homepage. But…

Many careers in tech pay over $100,000 per year. With help from Career Karma, you can find a training program that meets your needs and will set you up for a long-term, well-paid career in tech.

Career Karma

Find the right bootcamp for you

By continuing you agree to our Terms of Service and Privacy Policy, and you consent to receive offers and opportunities from Career Karma by telephone, text message, and email.

X
A person sitting on a dark green chair with a laptop on their knee