Currently located in Columbia, Missouri, USA. I'm working on random projects here and there, but I would love to get a full-time position as a front-end or full-stack developer working remotely! My favorite technologies are React, Redux, styled-components, TailwindCSS, framer-motion, and NodeJS.
I’m currently learning...I'm currently learning TailwindCSS, but soon I will take the plunge into TypeScript and NextJS.
Latest solutions
Space tourism website using React, TailwindCSS, and framer-motion
#react#react-router#tailwind-css#motionPSubmitted almost 3 years agoSingle-page design portfolio solution using React and TailwindCSS
#react#tailwind-cssPSubmitted about 3 years agoExpenses chart component using React, TailwindCSS, and Chartjs.
#react#tailwind-css#chart-jsPSubmitted about 3 years ago3-column preview card using react and styled-components
#react#styled-componentsPSubmitted about 3 years agoOrder summary card using react and styled-components
#react#styled-componentsPSubmitted about 3 years ago
Latest comments
- @cyrilkodjoP@adamwinzdesign
There are a couple of ways of fixing the display issue between the main/wrapper element and the footer/attribution element. One way would be to wrap both elements into a common parent and then style that parent so that it displays both the main element and the footer element in a single column at all screen widths. For example, using flexbox, you could use a flex-column parent div to make sure that the main element and footer element are displayed in a single column at all screen widths, then you could still style the main element to be responsive without changing where the footer is displayed. In other words, the browser needs to know how to place the main element and footer elements in relation to each other, not just how they each look independently.
Marked as helpful - @kefiiiiRP@adamwinzdesign
It's perfectly ok to set display:flex on a parent and a child, and many layouts require it. It also helps to have both a parent and child use display:flex when using a responsive design because you can change one or the other or both to flex-direction:column whenever you need to, depending on the screen width or whatever the use case requires.
- @joanFaseDevP@adamwinzdesign
I don't know if one format would be considered to be preferred over the other technically, but for the larger projects that I've seen here, when you get the figma design files, they typically include a color system guide that includes the color values in hex, rgb, and hsl, so you should be able to use whichever format you prefer without even having to convert the values yourself.
- @f-lajocP@adamwinzdesign
Looking at the challenge, it says that the card isn't meant to be responsive. Your deployed site looks fine to me at wider widths, nothing breaks or moves to a location that it isn't supposed to be. What is it about the component that you would like to change at desktop widths?