The 8-Minute Rule for Jpg Designs

This write-up checks out why and how SEO plays an essential component in the web site layout procedure. It details specifically what you need to consider to build a website for search advertising and also list building as well as exactly how to concentrate on what your individuals wish to aid keep the Google gods in your corner.


The complying with are the essential areas to take into consideration in developing a truly enhanced website.: Domains, hosting as well as CMS.: The technological bit.: Exactly how to structure your SEO-friendly site.: Mobile-friendly sites require greater than simply responsive design.: Quick sites create delighted users.: Perplex them and lose them.


There are a few core aspects that establish the phase for a well-optimized site layout process. Your domain name is the entrance point right into your site, and there should be one solitary (canonical) domain.


We are an online business. It naturally adheres to that our domain name is All subdomains 301 redirect back to the main Link www. This all makes feeling.

Jpg Designs Things To Know Before You Get This

You can get hosting for $1 a month but guess what? Slow, cruddy organizing produces an inadequate individual experience and eventually produces a site that Google is not so eager to reveal in the search results.




In most situations, organizing should follow common-sense rules: Be positioned where your target market is Be fast as well as preferably platform-specific (e. g., Word, Press holding for Word, Press) The CMS (content management system) you select for your business can hugely influence exactly how effective you are. Word, Press is a great platform, however there are various other alternatives.


If among the ubiquitous CMS platforms helps your demands go with it. Google has to comprehend the huge players, and they are technically sound and very easy to maximize. The final option right here depends upon your absolutely special needs, yet guarantee you recognize why you are utilizing a provided platform as well as do not simply wind up with the one your web company suches as to work with.


To understand your site, they need to have the ability to check out the web content of the page. This implies that the main content of your website must be text-based. Also as we hurtle forwards towards and also have search engines with AI functions, the composed word is the foundation of a search engine-friendly website, so guarantee your message is well-written and also sensibly optimized.

Unknown Facts About Jpg Designs

Once again, these demand to be well-named, arranged and discoverable to be indexed. To index your content beyond the web page, you require inner web links that the search engine can crawl. Your primary navigation, online search engine instructions and also devices like XML sitemaps all assist the online search engine creep your site as well as discover new pages.


Your site is the filing cabinet. The significant categories are the drawers. The subcategories are the folders in the drawers. The web pages are records in the folders.: Your internet site: High-level group: Subcategory Person document/page This aids to provide additional contextual information concerning the web content on any type of provided web page.

We have SEO solutions. We have search engine optimization audit services. This all makes feeling, as well as the architectural organization of your internet site can assist to provide context as well as relevance signals beyond the web page itself. This pertains to post, posts, FAQ web content, services, places and also nearly anything else that is an entity within your company.

Some sites might take a deep strategy to structuring material. Others might take a broad method. The crucial takeaway is that things ought to be organized in a manner that makes feeling and simplifies navigating as well as exploration. A three- to four-level technique similar to this makes sure that a lot of web content can be conveniently browsed within three to four clicks and also tends to work better than a deeper method to website navigating (for customers and also search engines).

The 6-Second Trick For Jpg Designs

A practical identifying convention aids offer yet more context for people and also search engines. Complying with are 2 hypothetical sets of URLs that might map to the Providers > SEARCH ENGINE OPTIMIZATION > search engine optimization audit course laid out above yet one makes good sense, as well as the other does nothing to help - https://www.openfaves.com/author/jpgdes1gns/. Instance web 1: www.


example (https://jpgdes1gns.mystrikingly.com/).com/services/ www. example.com/services/seo/ www. example.com/services/seo/audits/ Instance 2: www. example.com www. example.com/s123/ www. example.com/s123/s1/ www. example.com/s123/s1/75/ The 2nd collection of URLs is a deliberately ridiculous example, however it serves a factor the very first URL naming convention aids both search engines and also individuals, and the 2nd one prevents. This further build on the contextual signals from your filing closet framework.


Your navigating should be text-based as well as therefore aids send a signal regarding the keywords you would like a provided page to rate for. I have actually always liked the signpost analogy for navigation.

Search engine optimization reasoning can be dangerous here. Huge food selections with hundreds of spammy web page web links this is not the method! Don't make the individual have to believe.

The Of Jpg Designs

We have SEO solutions. We have Search engine optimization audit solutions.


Some sites might take a deep approach to structuring content. Others may take a broad strategy. The essential takeaway is that points should be arranged in such a way that makes good sense and streamlines navigation and also discovery. A 3- to four-level method similar to this makes sure that most content can be quickly browsed within three to 4 clicks and often tends to work much better than a much deeper strategy to website navigation (for customers as well as internet search engine).


A practical identifying convention helps give yet much more context for human beings as well as online search engine. Following are 2 hypothetical sets of URLs that can map to the Services > SEARCH ENGINE OPTIMIZATION > search engine optimization audit path outlined over yet one makes good sense, and also the other not does anything to assist. Example 1: www.


example.com/services/ www. example.com/services/seo/ www. example.com/services/seo/audits/ Instance 2: www. example.com www. example.com/s123/ www. example.com/s123/s1/ www. example.com/s123/s1/75/ The second collection of URLs is a deliberately ridiculous example, yet it serves a factor the first URL calling convention aids both search engines and also users, and also the second one prevents. This further build on the contextual signals from your filing closet structure.

Facts About Jpg Designs Uncovered

Your navigating must be text-based and also as a result helps send a signal concerning the key phrases you would like an offered page to place for. I have always liked the signpost example for navigation.


They then require a signpost to get them there. Search engine optimization reasoning can be dangerous right here. Huge food selections with hundreds of spammy page links this is not the method! The gold rule is to keep your navigating simple. Do not make the individual need to assume. The following image is an indication from my local residence improvement store.

 

All About Landscape Web Design

Not only does this help to draw the eye across the display, permitting the web site web content to be acknowledged, but it likewise means that text can be bigger in dimension as well. Nevertheless, when this web site is viewed in a vertical landscape, the message will certainly stack with words being positioned one in addition to the various other.


Nevertheless, this will certainly take some preparation to make certain that all of words get on display, which words aren't damaged in half when stacking them. You will certainly also need to see to it that each letter and word is still very easy to review, even when stacked. Letters and also font designs with descenders for instance can interfere with the message on the line below.


Straight photos that are rectangle-shaped can be effected by page orientation as these are most likely to not fit on a vertical display. This will certainly suggest that your potential clients or customers will certainly not see the whole picture, and may be disappointed and also try to scroll throughout. The web content around the photo might not fill correctly.

Some Known Factual Statements About Landscape Web Design

It can additionally be a good suggestion to use upright images for pages like the product page, as you can be certain of the quality as well as quality of these on all screen positionings and also gadgets. The shape and layout of your telephone call to action switches can change relying on the web page alignment as well as design.

This is something that needs to be prepared for when developing your site and when considering capability as component of your receptive website design. For additional information or recommendations, or for high top quality, specialist web layout remedies, get in touch with the experts today, below at Pumpkin Internet Style Manchester..


In stark contrast, today's grass and concrete landscapes are invulnerable and compacted. Runoff prevails with rains and snowmelt, adding to poor water high quality, disintegration, and also raised flood dangers (landscape web design). For several years, indigenous plants as well as naturescaping only existed along waterways or in marshes, grassy fields, and nature maintains. However, as more individuals discover the considerable benefits they give over standard landscape design, indigenous plant landscaping layout has become common everywhere from parks to household growths and also huge, institutional universities.

All About Landscape Web Design

Selecting plants that grow naturally with the climate and soil conditions of a project place allows naturescaping to thrive without making use of fertilizers or chemicals. Native landscapes additionally hardly ever require to be watered or reduced once developed. The preliminary price of setting up an indigenous plant landscape is similar to traditional lawn as well as shrub landscapes.


Planting can take place at any time throughout the expanding season, but a watering routine may be called for. Inactive seeding in late autumn is likewise a choice, when necessary. Whatever season growing will certainly happen, growing strategies are created in phases with varying levels of complexity to direct optimal plant facility.


It might take anywhere from 2 to five years for a native landscape to become reputable. We can supply long-term tracking and also recommendations as the landscape progresses.

The Landscape Web Design Diaries

Maintain the following aspects in mind to assist the development and also sustainability of your native plant landscape: Plant in spring or drop Tailor seed blends to private site conditions Maintenance is vital for the initial 3 years Mow multiple times annually from May through September On a regular basis remove invasive plants Mow to a height of four to 8 inches yearly and get rid of clippings Regulated burning works for bigger areas rather of trimming to eliminate unwanted types and raise sunlight direct exposure to advertise new seed development Remove invasive and also unwanted varieties a couple of times annually The landscape engineers at Snyder & Associates have actually finished a wide range of successful native landscape tasks over the past 15 years.

2023 VSLD. All Civil liberties Are Booked.


We use cookies on our redirected here web site to give you the most pertinent experience by remembering your preferences and also repeat visits. By clicking "Approve", you consent to using ALL the cookies. Do not market my individual info. landscape web design.

Some Known Factual Statements About Landscape Web Design

guarantee your target market can access your internet site on any kind of tool with the exact same customer experience. This strategy provides you an edge over your competitors as well as elevates your opportunities of expanding your service. Responsive internet sites are a requirement than a luxury. In this blog site, we're going to discover all about responsive web designs and exactly how it profits your organization.




This method makes sure that your web site's web content resolves right into the measurements of the user's gadget, supplying a smooth experience across gadgets. Once your internet site is designed to respond and also suit various measurements, it'll diminish on smart phones and also increase on desktop ones. Plus, it'll function simply fine for dimensions other than stated.


In a nutshell, responsive web layout works out into any kind of screen size, be it a laptop computer, mobile, TELEVISION, or anything in between. If you go to the Transfer, Wise website, you can see its web content job like water.

Landscape Web Design - An Overview

This is what a great receptive web design does. While responsive layouts essentially mean an internet site's capacity from this source to readjust to screen sizes, the advantages of receptive website design stretch method beyond that. Receptive styles not just boost however also enable across all devices. It places the control in the customer's hands to watch the content in their chosen viewport.


It's a CSS feature that gets a signal from the audience's tool concerning the size and after that triggers the in the layout. The space within the rows and columns is called explanation a grid. That's where you can add your site's content. A fluid grid is a method to develop an aesthetic design for various screen capabilities.

 

Unknown Facts About Symmetry Design

 

The W3C has actually released brand-new standards for HTML (HTML5) and CSS (CSS3), in addition to brand-new Java, Manuscript API's, each as a new but individual requirement. web design colorado. [] While the term HTML5 is only made use of to refer to the brand-new version of HTML as well as a few of the Java, Manuscript APIs, it has actually become usual to utilize it to refer to the whole suite of brand-new standards (HTML5, CSS3 and also Java, Script).


Web designers make use of both vector and also raster graphics editors to produce web-formatted imagery or design prototypes. An internet site can be developed making use of WYSIWYG web site home builder software application or content administration system, or the private website can be hand-coded in all the same fashion as the first websites were developed. One preferred tool in web layout is UX Design, it is a kind of art that designs items to carry out a precise customer background. UX layout is really deep. UX is greater than the web, it is very independent, and its basics can be put on several other internet browsers or applications.

 

 

 

UX can overlap both internet style as well as style. logo design. UX layout primarily focuses on products that are less internet based. Marketing and also communication style on an internet site may identify what benefit its target audience. This can be an age or certain strand of culture; hence the designer might comprehend the trends of its audience.


Careful factor to consider could be made to make certain that the appearances or overall style of a site do not encounter the clearness as well as precision of the web content or the simplicity of web navigation, especially on a B2B site. Designers may likewise take into consideration the track record of the proprietor or organization the site is representing to make certain they are represented positively.

 

 

 

Some Ideas on Symmetry Design You Should Know

They continuously are upgrading as well as altering whatever on websites behind the scenes. All the elements they do are message, photos, graphics, and also design of the web. Prior to starting service an internet site, web developers generally set a consultation with their clients to go over format, shade, graphics, as well as layout. Web designers invest the majority of their time making web sites and making certain the rate is.


Individual understanding of the material of a site frequently depends on customer understanding of exactly how the web site works. This belongs to the customer experience style. User experience is associated with layout, clear instructions, as well as labeling on an internet site. How well a customer understands exactly how they can connect on a website may likewise depend on the interactive style of the website.


Individuals that are competent and also well versed in website usage may discover an extra distinctive, yet less user-friendly or less straightforward Internet site interface helpful. However, individuals with less experience are less most likely to see the benefits or effectiveness of a much less instinctive web site interface. This drives the fad for a more global customer experience as well as ease of access to accommodate as many users as possible regardless of individual ability.


Advanced interactive features might require plug-ins otherwise progressed coding language abilities. Picking whether or not to utilize interactivity that calls for plug-ins is a vital choice in customer experience style. If the plug-in doesn't come pre-installed with the majority of web browsers, there's a risk that the customer will certainly have neither the knowledge neither the patience to install a plug-in simply to access the material.

 

 

 

Symmetry Design for Beginners

There's additionally a threat that advanced interactivity may be incompatible with older browsers or hardware arrangements. Posting a feature that does not work dependably is potentially even worse for the customer experience than making no effort. It relies on the target market if it's most likely to be needed or worth any dangers.


Part of the customer interface style is impacted by the quality of the page layout. A designer might take into consideration whether the website's web page design need to stay consistent on various web pages when developing the layout. Web page pixel width may additionally be taken into consideration essential for lining up objects in the format design.


Activity graphics might be expected or a minimum of much better received with an entertainment-oriented internet site. Nonetheless, a web site target audience with an extra severe or formal rate of interest (such as company, area, or government) could discover computer animations unneeded and also distracting so for amusement or design objectives. This doesn't imply that even more serious material could not be boosted with animated or video discussions that relates to the content.


Movement graphics that are not launched by the website visitor can generate availability concerns. The Internet consortium availability standards need that site visitors be able to disable the animations. Web site developers might consider it to be good method to satisfy criteria. This is usually done through a summary defining what the element is doing.

 

 

 

The Buzz on Symmetry Design

A static web site stores an one-of-a-kind file for every web page of a static internet site. This material is developed once, throughout the design of the internet site.

 

 

 

The advantages of a static site are that they were less complex to host, as their web server only needed to offer static web content, not perform server-side scripts. This required much less web server management and also had much less chance of subjecting protection openings.


This benefit became less essential as cheap web holding broadened to likewise use vibrant attributes, and also digital web servers supplied high efficiency for brief periods at affordable. Nearly all web sites have some fixed material, as supporting possessions such as pictures and style sheets are usually static, also on a website with highly vibrant web pages.


They commonly remove their material from several back-end databases: some are database questions throughout a relational database to query a catalog or to sum up numerical info, and others may make use of a paper database such as Mongo, DB or No, SQL to store bigger systems of material, such as article or wiki write-ups. Additional tasks which may come to be included in the creation of a website include: Graphic designers to create visuals for the website such as logos, formats, as well as buttons Web marketing specialists to aid read what he said preserve internet existence through critical services on targeting viewers to the website, by using advertising as well as promotional strategies on the net SEO writers to research study and suggest the correct words to be integrated into a specific website as well as make the internet site much more accessible as well as located on various search engines Web copywriter to develop the written material of the web page to appeal to the targeted customers of the website Customer experience ( UX) designer integrates elements of user-focused layout considerations that include information architecture, user-centred design, user testing, interaction layout, and also occasionally visual style.

 

 

 

The 9-Minute Rule for Symmetry Design

There are so many courses offered to you from web growth to web design to electronic advertising, and also every expertise under the sun. Internet design is frequently a fantastic area to dive in if you're new to the scene, yet the concern is: just how to end up being an internet developer?


You'll determine the course users tackle your site in customer flows. Do they always click directly via to social media? Or are they just seeking get in touch with details? You'll use responsive layout to account for various screen sizes and also improve performance for all customers, no matter gadget.




CSS is a coding language that tells web browsers exactly how to format as well as style HTML for a web page. To put it simply, it's what makes all the message and also various other material look great as well as have a design. With CSS, you can adjust the shades, alter the font styles, or add a spectacular background therefore far more! This is where your eye for layout actually beams as well as how you can place your imaginative stamp on every site you create.


Remaining in touch and obtaining your point throughout are likewise essential skills for a developer. You can't earn a living from developing websites without wonderful communication. You'll need to maintain clients current on the progress of their tasks, plus pitch concepts and also discuss your productions. You may also be contacted to do some copywriting or modifying for sites, particularly if you're running your very own someone shop.

 

 

 

Things about Symmetry Design

We are using cookies to provide you the finest experience on our internet site. You can learn more about which cookies we are using or switch them off in setups. Approve


With so many design specialties out there, it is difficult to limit on only one. Learn what an internet designer is, the software program you require to know, core abilities to be successful, as well as just how to find out website design on your terms. Whether you're new to design or have actually been exercising for a couple of years now, you might have understood there are numerous specialties within a design career.

 

 

 

It can be complicated and tough to understand exactly what each duty functions on and also which is ideal for you. In this short article, we'll dive deep right into what a web developer is, what their function and also obligations are, some of the tools they make use of, the distinction in between website design as well as growth, the tools and also software application you make use of, the core skills you require as a designer, as well as extra.


The larger the business you function for, the more specialized the duty. Whereas, the smaller the business, the more probable you are to put on multiple hats and have the layout process from begin to finish. As well as obviously, as a freelancer, you can decide just how to structure your website design procedure, the sorts of jobs you function on, and the customers you deal with. https://www.ted.com/profiles/43774089/about.

 

 

 

More About Symmetry Design

If you're entirely a web developer, you'll concentrate on making the visuals and afterwards collaborate with a web designer to prep your final styles for web advancement. They will certainly concentrate on the technological facet of taking your properties and also making the internet site work. But even if website design and development are two separate components of the procedure, that does not indicate your work as an internet designer is done when you hand off your possessions and mockup.

 

 

 

Without great communication, the task might not get done in time and also you might not achieve your client's goals. If you're a consultant you can make a decision to deal with both roles, website design as well as advancement, which will make you better to a client and also permit you to bill more.


HTML is what search engine crawlers check out when they index your internet site. HTML is important to every internet site project.


You can code your designs utilizing simply HTML and also CSS only. Understanding Javascript is by no suggests a requirement for being a web developer and also you can outsource it.
 

9 Simple Techniques For Metchosin Web Design

 

In digital marketing parlance, it is called conversions. A conversion can be anything from signing up for a newsletter to clicking a link to submitting a kind to really purchasing. In truth, The effectiveness of a site design is measured by its conversion rates. Nelson Web Design. To ensure a high conversion rate, you will have to consider the list below aspects: Your copy needs to be easy to understand and strategically placed so that visitors do not neglect it.

 

 

 

With the aid of web marketing tools, you can find out a lot about your visitors, today. Details like is it their very first check out to your website? Utilizing this information, you can personalize and shoot your message.

 

The 7-Minute Rule for North Saanich Web Design

5% of visitors to abandon a site. Your visitors should be able to easily move around your website, toggle between pages, and click specific options.


A well-designed website loads within three to four seconds. Elements like the number of images and videos on the site, themes and web plugins installed on the site and the codes of your website can affect the speed of your website.

 

 

 

What Does Metchosin Web Design Do?

Selecting a menu alternative, getting in an email address, and clicking a site link are all audience interactions. Google provides importance to FID due to the fact that it wishes to understand how users engage with your site in reality. Google has particular criteria when it pertains to a great FID rating too.


Cumulative layout shift determines the visual stability of the site. This isn't excellent for your website.

 

 

 

Examine This Report on Mackenzie Web Design

Web design and development is the procedure of designing and producing a website. A site can be anything from a simple online portfolio to an intricate company page.

 

 

 

Discovering the Right Designer: Lots of businesses struggle to discover designers who comprehend their particular requirements and can develop websites that look great. 2. Finding the Right Developer: Many companies find it challenging to source developers who can produce sites that meet their specific requirements and deadlines, in addition to understand the company's expectations.

 

 

 

Excitement About New Westminster Web Design

Guaranteeing that the site is simple to use and navigate: Efficient website design and advancement can assist increase the variety of leads and sales produced by a service website. In addition, efficient website design and development should make it simple for consumers to discover what they are trying to find on the site.




7. Ensuring that the site is compliant with web standards: Many businesses want their sites to look expert and stand out from the competitors, however they also must comply with web standards.

 

 

 

Nelson Web Design - Questions

The company' objectives ought to be clearly defined before starting any website design or development job. The company ought to understand what needs aren't being met and what objectives the site must serve - West Vancouver Web Design. The next action is to identify what requires to be attended to on the website and how to tackle it.


This can be done by comprehending their requirements and desires, along with their existing web use practices. When the target audience has been identified, it is vital to produce material and styles that relate to them. When starting a new website design or advancement job, it is also essential to research and compare yourself to the competitors.

 

 

 

Some Known Factual Statements About Nelson Web Design

This will assist you identify the feasibility of particular style and development options. By seeking advice from with he said the business's management team, you can develop a practical strategy that meets their requirements while remaining within your budget plan.
 

Nakusp Web Design Things To Know Before You Buy

 

A website is like an organization card. A site is also a method to display your products and services, which will assist you create profits.

 

 

 

It's a reflection of your business's identity and professionalism. The style and development of your website can make or break the credibility of your brand. Web design has to do with how the website looks, while web advancement is about its functions (Merritt Web Design). Web designers should keep in mind that easy designs and styles can attain an excellent user experience.

 

 

 

Some Known Questions About Mackenzie Web Design.

Website design and web advancement have changed the number of companies work, so whether you're a solopreneur or a small company aiming to leave a mark, a decent website will be at the heart of it. For that reason, you will need to have proper website design and web advancement to ensure the improvement of your business through your website's efficiency overall.

 

 

 

Just like building a home or a company, it's essential to have the structures there from the very start. Creating your house service site is no various. When it pertains to developing a successful site that will interest your consumer base, having the ideal structures is vital. When you understand who you are developing your site for and you have a couple goals in mind, it's time to begin considering your website layout (Nakusp Web Design).

 

 

 

Not known Details About Merritt Web Design

 

Social evidence example from Leah The Plumbing If the purpose of your website is to generate more leads, call to actions are vital in capturing your consumer's attention and they will not need to look really tough to connect with you. Contact us to action example from Onsite Drapery Cleaning To make your website more personalized to your company, an About Us section permits your consumers to get a feel for you and your group prior to they fulfill you personally.


About Us example from Lux Street Window Cleaning Your footer is the bookend of your website page. If your consumers reach the extremely bottom of your site, what would you like them to see? Typical things here are your contact details and navigation links to permit your clients to find what they require without having to scroll back up to the top. Nelson Web Design.

 

 

 

8 Simple Techniques For Nanaimo Web Design

Responsive website design makes sure that your site will react to the shape and size of the device that it is being seen on. Whether your consumer is looking on mobile, tablet or their desktop, they need to have the ability to navigate your website with ease. It means you simply have one website not a different one for desktop and mobile.

 

 

 

When you have designed your design, ask yourself, will this design work well when the blocks collapse down to mobile? Will it be simple for consumers to browse the site and find what they are searching for, whether they are on mobile or searching their computer? If you consider your website design in regards to different blocks on the page, this can then assist you to visualize how things will look as these blocks collapse listed below one another when the screen size gets smaller sized.

 

 

 

More About New Westminster Web Design

If you are beginning your site from scratch, there are a number of site home builders out there that have responsive web style built into them consisting of however not limited to: If you are looking for particular tools to make your existing site responsive, there are numerous tools out there including but not restricted to: Have you ever noticed common themes when you are looking at different sites? Maybe how the site page links constantly appear to be at the top of the page or how on mobile, a little hamburger icon appears so you can see the site navigation (Nanaimo Web Design).


They have actually been developed to assist make your site visitor's experience that a lot easier. If you think of it by doing this, there are certain components of a website that visitors anticipate to be in a certain location (e. g. having your site navigation at the top of the page). When you are developing your website design, keep style patterns in mind to make it simple for your consumers to browse your site (Osoyoos Web Design).

 

 

 

Getting The Nanaimo Web Design To Work

Cards are an entrypoint to more extensive details. We have actually just scratched the surface area here with web style patterns. If you have an interest in finding out more about this topic, here are a couple of sites for recommendation: Call-to-actions (CTAs) play a significant role in assisting to convert your website visitors into leads.


How can you guarantee that your CTAs are seen? There are a number of methods in which you can make calls to action more attractive consisting of contrasting colors, size of the button and the text in the CTA itself. As we are looking more at design in this short article, we are going to concentrate on the positioning of your calls to action.

 

 

 

Things about Maple Ridge Web Design

Or, maybe you'll have a completely separate Prince George Web Design section for your CTAs to draw attention to them, separate from other elements on your page. Example of CTAs within service section on Shine Bright San Diego When you are thinking about the positioning of your CTAs, put yourself in your customer's shoes.


Believe about how your consumers like to be offered to, and then attempt and communicate this within your site. Have you ever looked at a site and questioned why there is an excess of white area between and around elements?