A better way to delete columns in grid?


Apologies in advance for the very rough code (just trying to get things working first), but in the attached codepen, I changed the layout (for the first day) from 6 columns of buttons on the right, to just 4.

This took a lot of manual adjusting. Does anyone know if there is a quicker/more efficient way to do this? I.e. when you realise you want to alter the appearance of the grid when it has already been created?

I’m starting to think I would be better off rebuilding the files from scratch?

I think design choices made early on can cause problems later. This may mean a lot of editing code.

I don’t think you need to start again from scratch.
Consider it an opportunity to gain experience with editing code.
Many projects change over time, and need to be maintained or edited to meet new requirements.
It may not be enjoyable, but its apart of the process that shouldn’t be neglected.

(remember flexbox can be used inside grid)

Hello, thanks for your reply.

I don’t mind doing it, but there is no quicker way to do it then? That’s fine if not, I’ll just think the design through more carefully next time before implementing.

1 Like