Is it wrong to use flexboxgrid classes like “row”, “col-1-of-4” in the element with another class
What's the in-universe reasoning behind sorcerers needing material components?
Determining Impedance With An Antenna Analyzer
Apex Framework / library for consuming REST services
Can I run a new neutral wire to repair a broken circuit?
How do I handle a potential work/personal life conflict as the manager of one of my friends?
Why was the shrinking from 8″ made only to 5.25″ and not smaller (4″ or less)?
One verb to replace 'be a member of' a club
Method Does Not Exist error message
Is it logically or scientifically possible to artificially send energy to the body?
How would I stat a creature to be immune to everything but the Magic Missile spell? (just for fun)
How much of data wrangling is a data scientist's job?
Madden-Julian Oscillation (MJO) - How to interpret the index?
How do I gain back my faith in my PhD degree?
How to show a landlord what we have in savings?
Expand and Contract
Would Slavery Reparations be considered Bills of Attainder and hence Illegal?
What do you call someone who asks many questions?
What exploit Are these user agents trying to use?
Mathematica command that allows it to read my intentions
CAST throwing error when run in stored procedure but not when run as raw query
GFCI outlets - can they be repaired? Are they really needed at the end of a circuit?
Forgetting the musical notes while performing in concert
Is it inappropriate for a student to attend their mentor's dissertation defense?
Venezuelan girlfriend wants to travel the USA to be with me. What is the process?
Is it wrong to use flexboxgrid classes like “row”, “col-1-of-4” in the element with another class
$begingroup$
Can I use the first way with classes instead of the second one when I use flexbox-grid and which one is the correct way of doing it, because in a second way "article" is not the flex item and I don't know how to proceed?
//FIRST WAY
<section class="section-features row">
<article class="feature-box col-1-of-2">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</section>
//SECOND WAY
<section class="section-features">
<div class="row">
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
</div>
</section>
sass flex
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
$endgroup$
add a comment |
$begingroup$
Can I use the first way with classes instead of the second one when I use flexbox-grid and which one is the correct way of doing it, because in a second way "article" is not the flex item and I don't know how to proceed?
//FIRST WAY
<section class="section-features row">
<article class="feature-box col-1-of-2">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</section>
//SECOND WAY
<section class="section-features">
<div class="row">
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
</div>
</section>
sass flex
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
$endgroup$
add a comment |
$begingroup$
Can I use the first way with classes instead of the second one when I use flexbox-grid and which one is the correct way of doing it, because in a second way "article" is not the flex item and I don't know how to proceed?
//FIRST WAY
<section class="section-features row">
<article class="feature-box col-1-of-2">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</section>
//SECOND WAY
<section class="section-features">
<div class="row">
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
</div>
</section>
sass flex
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
$endgroup$
Can I use the first way with classes instead of the second one when I use flexbox-grid and which one is the correct way of doing it, because in a second way "article" is not the flex item and I don't know how to proceed?
//FIRST WAY
<section class="section-features row">
<article class="feature-box col-1-of-2">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</section>
//SECOND WAY
<section class="section-features">
<div class="row">
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
</div>
</section>
sass flex
sass flex
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
asked 16 mins ago
Emilian TodorovEmilian Todorov
1
1
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Emilian Todorov is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
return StackExchange.using("mathjaxEditing", function ()
StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
);
);
, "mathjax-editing");
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "196"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Emilian Todorov is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f216820%2fis-it-wrong-to-use-flexboxgrid-classes-like-row-col-1-of-4-in-the-element-w%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Emilian Todorov is a new contributor. Be nice, and check out our Code of Conduct.
Emilian Todorov is a new contributor. Be nice, and check out our Code of Conduct.
Emilian Todorov is a new contributor. Be nice, and check out our Code of Conduct.
Emilian Todorov is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Code Review Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
Use MathJax to format equations. MathJax reference.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f216820%2fis-it-wrong-to-use-flexboxgrid-classes-like-row-col-1-of-4-in-the-element-w%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
