Latest solutions
- Submitted about 2 months ago
Responsive and Mobilized Recipe Page with Instructions.
- HTML
- CSS
Wondering if anyone can identify where I'm suffering to readjust size for the large container that is acting as the actual paper container for the rest of the containing divs, at least for desktop anyway, I belie ve media queries will allow me to adjust for mobile
- Submitted about 2 months ago
Responsive and Mobilized Profile link page with CSS & HTML
- HTML
- CSS
Accessibility for transition between mobile and desktop views, I always suffer trying to query transition them, so any help would be appreciated though at times I know it is better I just sit and tamper with the code
- Submitted about 2 months ago
Blog Preview Main, CSS/HTML, flex, root & var...
- HTML
- CSS
Making my hyperlink actually change on hover, and wondering if spacing adjustment is necessary within the container.
- Submitted about 2 months ago
QR Code Component, Flexbox, inherent device scaling, Root Use
- HTML
- CSS
Specifically, not really, but any tips and tricks for both efficiency and learning for alignment/sizing/flexing would be greatly appreciated.
Latest comments
- @CleberWSLSubmitted about 2 months ago@TradesmanBOBPosted about 2 months ago
I personally commented out the attribution, but unsure if its necessary. for actual content I would say add like 20-40 pixels of margin top, so the container sits dead center or very close to.
0 - P@RubenbardSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
i'm still lokking for a standardized way to begin a project, instead of just throw code at the screen. So i began with structuring my html, and yes i don't know why i have a card id in it. ;) And then started to css from the top. Beginning with the color and font variables.
@TradesmanBOBPosted about 2 months agoWhen I started these projects as well, I had a lack of standardizing pages like this, so I just started doing a ton of div elements and adding border css with high contrast (easy to differentiate colors), like red on a light or black background as outliners starting with getting variables for colors, setting fonts, and then building html content first with containers, divs, lists and etc. Personally, I think of html for this at least as a desk, body being the desk, a section element or div element as a paper upon it, then with each further div creates basically a box in which later (in css) I can slap on some paint (CSS how it looks), it all depends on how you Div elements and which elements override the css variables or selectors of elements within them
Marked as helpful0 - @karthik-babu-56Submitted about 2 months ago@TradesmanBOBPosted about 2 months ago
First, the "card" class does not match that of the design, it being the largest container should. Second, you are missing two elements being: Learning (which may be put in another container), and the Author Greg Hooper and the profile image for Greg. Third you have made bolt the post description text when it is unnecessary.
0 - @alan61503Submitted about 2 months ago@TradesmanBOBPosted about 2 months ago
- your title h1 is not supposed to be page center, it also looks like the color is a lighter version of the deep grey in the design
- Preparation heading is colored gold not purple { hsl(332, 51%, 32%)} and is centered.
- the bullets within Preparation are not colored purple, and thus are a tad difficult to spot, as are the bullets within Preparation weren't colored a version of gold, same for the numbered list not being colored gold .class li::marker {color: hsl(14, 45%, 36%), (or) hsl(332, 51%, 32%);} the first hsl being gold, then purple
- the word nutrition are bold when it should be the actual measurements, and the measurements are also a lighter tan than the gold (the same gold as the bullets should be and the headings)
0 - @ryanslabroomSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
Being effecient with uploading to Git
What challenges did you encounter, and how did you overcome them?Buttons aren't perfect.
What specific areas of your project would you like help with?How to style the buttons better.
@TradesmanBOBPosted about 2 months agoYour button's colors are switched with that of larger container background, and you also need to expand the height of the larger container to allow more space between the last button and the bottom of the large container. There is also a tad much space between the location and the description of the profile.
0 - @lion9Submitted about 2 months ago@TradesmanBOBPosted about 2 months ago
I can't exactly tell what it is, but compared to the solution something seems to be more I guess zoomed in than the solution is. I feel like this may be a rem difference or margin & padding?
0