All solutions

5th project, Getting better with dimensions and mobile responsiveness. All feedback welcomed

This was fun building, placing the elements is becoming smooth. Making the site mobile responsive from origin was difficult. Also the svg file had a max fixed size, I had trouble making it bigger and was forced to make the card match the dimensions. Is that normal?

Had fun making this!

Getting the hang of flexbox here. Any recommendations for grouping elements in css to condense code (<p> <h1> <h2>)? Any other recommendations also welcomed.

Thanks, you guys have already taught valuable info. This is my 3rd project and the first 2 took multiple days. This one was done in one sitting.

My understanding of flexbox and grid is starting to come along but can use some analogies to help solidy the knowledge. I think I overused code so any pointers are helpful. Ive spent 3 days building this and became a little frustrated just not knowing how to place and frame my elements and sizing.

All tips appreciated

Is there a easier 1 to 2 step way of spacing elements inside a container? I used a combination of margin and padding also with text align to place the element. I found once I have all my actual content into my browser, tweaking and customizing the element was trial and error until I came across a solution I liked,