Title: Coding from scratch isscue
Last modified: March 1, 2022
---
# Coding from scratch isscue
* [jamesacp](https://wordpress.org/support/users/jamesacp/)
* (@jamesacp)
* [4 years, 3 months ago](https://wordpress.org/support/topic/coding-from-scratch-isscue/)
* Hello,
* I am building a clients website and he wants hyperlinks in a column and rows
format. I am attempting to code using html as I am not skilled enough in CSS
and the plugins I have found are not useful. Whilst adding the hyperlinks the
columns will jump around after publishing. If I don’t hyperlink the text and
just add text it publishes the way its supposed to. It seems to be a problem
only when attempting to add the hyperlinks. If anyone can help that would be
great
- This topic was modified 4 years, 3 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
Viewing 5 replies - 1 through 5 (of 5 total)
* Moderator [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/)
* (@jcastaneda)
* THEME COFFEE MONKEY
* [4 years, 3 months ago](https://wordpress.org/support/topic/coding-from-scratch-isscue/#post-15412874)
* Hi there,
* Are you able to share an example of the markup? How are you creating that?
* Thread Starter [jamesacp](https://wordpress.org/support/users/jamesacp/)
* (@jamesacp)
* [4 years, 3 months ago](https://wordpress.org/support/topic/coding-from-scratch-isscue/#post-15413118)
* Hello,
* Thank you for your speedy response. Below is the code.
* ```
• WINDOW SCREENS
• DOORS & WINDOWS
• FIREPLACES
• CABINETS
• TRASH REMOVAL & YARD CLEAN-UP
• DECKS
• FENCES
• COMMERCIAL & RESIDENTIAL
• (HOURLY & MONTHLY MAINTENANCE
• SERVICE CONTRACTS AVAILABLE)
• CONSTRUCTION & PROJECT CONSULTATION<
]
• DEMOLTION & TRASH HALLING
• HONEY DO LISTS
• MAINTENANCE (HOURLY / MONTHY)
• AIR B&B MAINTENANCE & UPGRADES
(MONTHLY CONTRACTS AVAILABLE)
• REAL ESTATE AND RENTAL MAINTENANCE
(MONTHLY CONTRACTS AVAILABLE)
KITCHENS
BATHROOMS
MINOR ROOF REPAIRS
```
- This reply was modified 4 years, 3 months ago by [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/).
Reason: code formatting
* [Ramona](https://wordpress.org/support/users/nextend_ramona/)
* (@nextend_ramona)
* [4 years, 3 months ago](https://wordpress.org/support/topic/coding-from-scratch-isscue/#post-15414137)
* I’d rather suggest avoiding the float and using grid:
[https://www.w3schools.com/css/css_grid.asp](https://www.w3schools.com/css/css_grid.asp)
[https://css-tricks.com/snippets/css/complete-guide-grid/](https://css-tricks.com/snippets/css/complete-guide-grid/)
* This way you can make the columns and even make them responsive with just a couple
of lines of CSS:
* ```
.row{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
grid-gap: 10px;
width: 100%; /* you might not need this, but I did in my WP test */
}
```
* And you could use flexbox:
[https://css-tricks.com/snippets/css/a-guide-to-flexbox/](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
[https://www.w3schools.com/css/css3_flexbox.asp](https://www.w3schools.com/css/css3_flexbox.asp)
for the inner elements to make the links display below another:
* ```
.column{
display: flex;
flex-direction: column;
}
```
* Here’s a codepen example:
[https://codepen.io/nextend_ramona/pen/wvPQMPb](https://codepen.io/nextend_ramona/pen/wvPQMPb)
* Also, a `>` is missing from the first column’s markup. It looks like this now:
`
`
* Moderator [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/)
* (@jcastaneda)
* THEME COFFEE MONKEY
* [4 years, 3 months ago](https://wordpress.org/support/topic/coding-from-scratch-isscue/#post-15415271)
* Ah. Okay so you’re coding a template (I’m guessing).
* My initial thought was you were using a plugin or page builder and it was acting
oddly.
* Yeah, I would suggest using grid as well like noted above instead of the float.
* Thread Starter [jamesacp](https://wordpress.org/support/users/jamesacp/)
* (@jamesacp)
* [4 years, 3 months ago](https://wordpress.org/support/topic/coding-from-scratch-isscue/#post-15415620)
* Thank you both for your speedy reply, and help. I have one last question as CSS
is foreign to me where html was my area of study in college. If I want to chose
a different theme it changes the layout of the grid instead of the rows being
horizontal it changes the rows to vertical. Is there a css coding fix for this?
Viewing 5 replies - 1 through 5 (of 5 total)
The topic ‘Coding from scratch isscue’ is closed to new replies.
* In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
* 5 replies
* 3 participants
* Last reply from: [jamesacp](https://wordpress.org/support/users/jamesacp/)
* Last activity: [4 years, 3 months ago](https://wordpress.org/support/topic/coding-from-scratch-isscue/#post-15415620)
* Status: not resolved
## Topics
### Topics with no replies
### Non-support topics
### Resolved topics
### Unresolved topics
### All topics