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
16 Replies
here is the wireframe
sidebar is display non because it will be generated content later on
change to the wireframe is the accordions will generate the content
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?
I kinda goofed it up but one sec
side bar would be left but and pop in like over top
but I didnt get time to make it on the wireframe
Oh I think I see. I kinda suck with the nav stuff haha but I know kevin as a video on it
I think if you type in something like "kevin powell responsive nav" it'll come up
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
the weather api returns json so go will parse it and inject it into the tables
I was hoping that was the most simple I could think of
then having a sqlite database to store favorites after I add a favorite button
Do you need help with the JS or CSS implementation?
Css mainly
I domt think ill need js
If I make this wire frame is that good?
Sure buddy if that's what you want to do 🙂
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...
That's last commit