Trying to get a layout based on a wireframe but not sure if the HTML and CSS is right

My issue is trying to achieve the attached layout below but I dont think my setup is correct. I'm using pico css to help with some designs im not good at and trying to get it to where the tabs for hourly, monthly, daily are accordions that will eventually generate the weather from the backend. I'm also giving the user the option to change units for temp. There is a sidebar where their favorites are stored. Please let me know what I did wrong here. here is my pen https://codepen.io/MD-2016/pen/PoxWwRL

CodePenMD

Can't achieve the right layout

...

MDOP•6/28/23, 12:44 AM

here is the wireframe

MDOP•6/28/23, 12:44 AM

MDOP•6/28/23, 12:46 AM

sidebar is display non because it will be generated content later on

MDOP•6/28/23, 12:49 AM

change to the wireframe is the accordions will generate the content

vince•6/28/23, 1:08 AM

I'm looking at the wireframe and I'm confused where the sidebar comes in. Do you want to make the wireframe or something else?

MDOP•6/28/23, 1:08 AM

I kinda goofed it up but one sec

MDOP•6/28/23, 1:09 AM

MDOP•6/28/23, 1:09 AM

side bar would be left but and pop in like over top

MDOP•6/28/23, 1:10 AM

but I didnt get time to make it on the wireframe

vince•6/28/23, 1:13 AM

Oh I think I see. I kinda suck with the nav stuff haha but I know kevin as a video on it

vince•6/28/23, 1:14 AM

I think if you type in something like "kevin powell responsive nav" it'll come up

MDOP•6/28/23, 1:16 AM

the goal is user types in a city then goes to the city page above and there will be the weather broken down by accordion tab (pico css) and it will generate table data inside of them to keep things a bit neater

MDOP•6/28/23, 1:16 AM

the weather api returns json so go will parse it and inject it into the tables

MDOP•6/28/23, 1:16 AM

I was hoping that was the most simple I could think of

MDOP•6/28/23, 1:17 AM

then having a sqlite database to store favorites after I add a favorite button

vince•6/28/23, 1:20 AM

Do you need help with the JS or CSS implementation?

MDOP•6/28/23, 3:45 AM

Css mainly

MDOP•6/28/23, 3:45 AM

I domt think ill need js

MMD Click to see attachment

vince•6/28/23, 1:59 PM

If I make this wire frame is that good?

Vvince If I make this wire frame is that good?

MDOP•6/28/23, 2:05 PM

Sure buddy if that's what you want to do

MDOP•6/28/23, 2:06 PM

https://github.com/MD-2016/Weather-App

GitHub

GitHub - MD-2016/Weather-App: A weather app using a third party api...

A weather app using a third party api with the goal being a build upon project with additional features as time goes on. - GitHub - MD-2016/Weather-App: A weather app using a third party api with t...

MDOP•6/28/23, 2:06 PM

That's last commit

vince•6/29/23, 12:49 AM

I'm sure there's a cleaner way to do this but here's my attempt: https://codepen.io/vince1444/pen/vYQxzGm

CodePenvince1444

https://discord.com/channels/436251713830125568/1123413439491084338

...